Membuat Browser Sederhana Pada Android

Assalamu alaikum warahmatulahi wabarakatu..

Hy teman-teman semua.. Apa kabar nih?? saya harap masih baik-baik saja setelah membaca tutorial saya yang sebelumnya yang ngebahas soal Menu List pada Android. Kali ini saya datang hehehe:)(kyk orang abis pulkam aja ya??) dengan tutorila baru yang masih dasar dalam mendevelop aplikasi pada Android. Tutorial kali ini, saya akan membahas mengenai Browser pada Android. Ok langsung aja kita mulai go..go..go…

  • Buat projek baru Android dengan ketentuan sebagai berikut :

    Projek Name : BrowserIntent

    Build Target: Android 2.2

    Application name: BrowserIntent

    Package name: com.oxlet_wtn.android.browserintent

    Create Activity: BrowserIntent

    Min SDK Version: 8

  • Setelah anda mengisinya seperti diatas.. klik Finish untuk memulai pekerjaan anda di halaman kerja android.
  • Librari yang kita butuhkan saat ini yakni sebagai berikut

    import android.app.Activity;

    import android.os.Bundle;

    import android.view.View;

    import android.view.KeyEvent;

    import android.content.Intent;

    import android.net.Uri;

    import android.view.View.OnClickListener;

    import android.view.View.OnKeyListener;

    import android.widget.EditText;

    import android.widget.Button;

    Librari ini berfungsi sebagai pendeklarasian umum objek yang akan dibangun pada saat mendevelop aplikasi.

  • Fungsi yang kita butuhkan pada program ini adalah openBrowser() dan onCreate() serta satu buah class yakni browserintent
  • Berikut listing code program browserintent.java
    package com.oxlet_wtn.android.browserintent;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.KeyEvent;
    import android.content.Intent;
    import android.net.Uri;
    import android.view.View.OnClickListener;
    import android.view.View.OnKeyListener;
    import android.widget.EditText;
    import android.widget.Button;
    
    public class browserintent extends Activity {
    	private EditText urlText;
    	private Button goButton;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
    
            urlText =(EditText)findViewById(R.id.url_field);
             goButton=(Button)findViewById(R.id.go_button);
             goButton.setOnClickListener(new OnClickListener() {
    
    			@Override
    			public void onClick(View v) {
    				// TODO Auto-generated method stub
    				openBrowser();
    			}
    		});
    
             urlText.setOnKeyListener(new OnKeyListener() {
    
    			@Override
    			public boolean onKey(View v, int keyCode, KeyEvent event) {
    				// TODO Auto-generated method stub
    				if (keyCode==KeyEvent.KEYCODE_ENTER){
    					openBrowser();
    					return true;
    				}
    
    				return false;
    			}
    			});
    
        }
    
        public void openBrowser(){
        	Uri uri=Uri.parse(urlText.getText().toString());
        	Intent intent=new Intent(Intent.ACTION_VIEW,uri);
        	startActivity(intent);
        }
    
    }
    
    
  • Selain code java sebagai pengeksekusi kita juga membutuhkan code XML sebagai desain layout tampilan dari Aplikasi kita. Berikut code main.xml yang berfungsi sebagai layout awal aplikasi. Letak main.xml pada res/layout berikut listing code main.xml :
  • <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
    <EditText
    android:id="@+id/url_field"
    android:layout_weight="1.0"
    android:lines="1"
    android:inputType="textUri"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:imeOptions="actionGo"
        />
    
       <Button
       android:id="@+id/go_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/go_button"/>
    </LinearLayout>
    
    
  • Selain untuk layout dari aplikasi juga, terdapat juga file xml yang digunakan sebagai pendeklarasian variabel yang di pakai pada main.xml. file tersebut bernama string.xml. String.xml berada pada file res/values, dan berikut listing code string.xml :
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <string name="hello">Hello World, browserintent!</string>
        <string name="app_name">Browser Intent</string>
    <string name="go_button">Go</string>
    </resources>
    
    

    Berikut gambar dari hasil Runing program :

    tampilan awal program

    tampilan https://bhynte.wordpress.com pada Android Emulator

    catatan : browser ini tidak dapat membaca halaman web kecuali dengan menggunakan “http://&#8221; dan dilanjutkan nama websitenya…

    Demikian tutorial singkat saya kali ini, kalau ada salah kata mohon dimaafkan dan kalau ada yang salah dalam penulisan atau penjelasan pada listing program yang saya buat. Harap dengan segera dikomentari!!

    Salam new Android Developer Laabroo

    πŸ™‚ :d :d :d :d :d :dπŸ™‚

4 thoughts on “Membuat Browser Sederhana Pada Android

  1. PERTAMAX ATO KEDUAX yang pengting pej wan .. haha

    kalo harus pake http:// ya di kasih value di edittext “http://” hehe kayak di HTML itu bisa ga ??

    1. ok.. saran yang bagus Djex… Makasi yo gan.. tapi kyknya g bisa… karna itu bisa menimbulkan error pada main.xml-nya

      var say="terimakasih";
      for(int i=0;i<5;i++){
      document.write(say);
      }
      
    1. g tau juga ya… soalnya aku blom bisa nih… pas aq deklarasiin text-nya,,, pas aku compile nya malah error.. trus errornya g jlas… g nunjuk ke error file.. coba km develop ulang trus deklarasiin di main.xml. km tambahin kykgni :

      <?xml version="1.0" encoding="utf-8"?>
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="horizontal"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          >
      <EditText
      android:id="@+id/url_field"
      android:layout_weight="1.0"
      android:lines="1"
      android:inputType="textUri"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:imeOptions="actionGo"
      android:text="http://" //=================>>>> tambahan
          />
      
         <Button
         android:id="@+id/go_button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/go_button"/>
      </LinearLayout>
      
      

      tolong di coba ya…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s