Cara Membuat Web Launcher Di Android Menggunakan Eclipse

Kabar Terbaru - Selamat siang kawanku cyber ? Bagaimana keadaan kalian di manapun berada. Semoga selalu sehat. Mungkin sudah banyak tutorial di internet yang membahas mengenai Web Launcher di Android, tapi disini Mas Hasbi akan menjelaskan lebih detail dan bertahap.

Peralatan yang di butuhkan :

            - Eclipse, ( saya pake Eclipse Java Development, Code namenya JUNO )

            - SDK Android

            - Java Development Kit

            - ADT Plugin ( ini ada dua cara nanti kita bahas oke )

            - Secangkir Kopi ( Ambil Di dapurnya masing2 ^_^ )

Oke kalau semua perlengkapan sudah lengkap sekarang kita mulai installasi eclipse agar bisa digunakan untuk development aplikasi android.

Langkah – langkah Install Eclipse :

1. Pertama install dulu JDK yang sudah kita download,.

2. Jika tahap pertama sudah selesai, lalu install SDK Androidnya

3. Oke SDK sudah kita lanjut, sekarang extract file2 Eclipse, karena Eclipse itu aplikasi portable jadi tidak perlu di install dikomputer kita .

4. Setelah selesai kita jalankan eclipse

Setelah terbuka tampilan utama eclipse, klik tab window, klik preferences, jika sudah muncul menu

preferences klik Android, lalu disana kita browse untuk menentukan tempat SDK yang tadi kita

sudah install.

Nah kita browse lokasi folder sdk android kita seperti diatas lalu kita klik OK, restart Eclipse ya h.

1. Oke pengaturan SDK sudah, tapi eclipse kita ini belum bisa digunakan, masih ada satu lagi yaitu ADT Plugin, ada dua cara install ADT Plugin, pertama manual kita download file ADT Plugin, dan yang kedua kita install lewat internet .

Cara Pertama install manual, kita sudah download file ADT Plugin, jalankan eclipse lalu klik Help, selanjut nya pilih Install New Software. Nanti akan muncul seperti gambar dibawah

Setelah muncul tampilan diatas klik Add, maka akan tampil lagi tampilan seperti dibawah :

Cara Pertama ~ Oke sekarang kita beri nama ADT Plugin, lalu kalian klik Archive dan browse file ADT Plugin yang sudah di download. Klik OK, dan kita lakukan kebiasaan menginstall software yaitu klik Next sampai finish, jangan lupa checklis semua yang diinstall.

Cara Kedua ~ cara kedua tahap awal sama seperti cara pertama namun saat mengisi tampilan Add

Repository kita masukan link berikut:

http://dl-ssl.google.com/android/eclipse/

Selanjutnya kita lakukan hal yang sama seperti cara pertama, yang membedakan kita saat menginstall file ADT Plugin baru di download.

Oke sesi installasi Eclipse sudah beres, sekarang kita kembali ke Topic utama yaitu membuat Aplikasi Web launcher untuk HP Android. Langsung saja kita jalankan Eclipse.

- Kita buat project Android baru

Kita isi sesuai dengan aplikasi yang akan kitabuat, disini saya mengisi :

Application Name : Web Launcher

Project Name : Weblauncher

Package Name : com.view.weblauncher

Min Req SDK : sayapilih Android 2.2

Target SDK : sayapilih Android 2.3

Compile With : sayapilih Android 2.1

Theme : none

Kalau sudah diisi kita next, lalu kita tentuin bentuk icon aplikasi android kita, setelah kita tentukan,

selanjutnya kita buat class Activity, disini saya memberi nama activitynya Tampil.java sedangkan

Layoutnya main.xml.

Kalau sudah klik finish. Sekarang project baru kita sudah dibuat, pertama kita mulai dengan mengedit Layout tampilan aplikasi kita yaitu file main.xml yang ada di folder res => Layout => main.xml

Nah kita klik 2 kali file main.xml tersebut, dan kita edit seperti source dibawah

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<WebViewandroid:id="@+id/mainWebView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

</LinearLayout>

Pertama Mas Hasbi akan jelaskan kenapa menggunakan LinearLayout karena jika kita menggunakan RelativeLayout maka posisi content harus kita tentukan atas bawah, kanan kiri, sedangkan LinearLayout dia akan mengisi space yang kosong ditambah dengan perintah android:orientation=”vertical” maka dia akan menempati space yang kosong secara vertical atau kebawah. <WebView /> digunakan untuk menampilkan tampilan web browser di aplikasi kita.

Oke Layout sudah beres sekarang kita atur Permition agar aplikasi yang kita buat dapat mengakses

internet, kita buka file AndroidManifest.xml lalu masukan perintah dibawah :

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

Oke dengan sekarang berarti aplikasi kita sudah dapat mengakses internet, kita lanjut lagi sekarang untuk codingan yang utama, kita buka file Activity yang kita buat, tadi mas Hasbi memberi nama Tampil.java file itu berada di folder project_name =>src => Tampil.java, ok sekarang masukan source dibawah :

publicclassTampilextends Activity {

WebViewmainWebView = null;

@Override

protectedvoidonCreate(Bundle savedInstanceState) {

this.getWindow().requestFeature(Window.FEATURE_PROGRESS);

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

mainWebView = (WebView) findViewById(R.id.mainWebView);

mainWebView.loadUrl("http://mobile.dunia.or.id/"); //URL Web kamu

mainWebView.setWebViewClient(newMainWebViewClient());

//Untukmenampilkan Progress Loading disaat Load halaman web

getWindow().setFeatureInt(Window.FEATURE_PROGRESS,

Window.PROGRESS_VISIBILITY_ON);

mainWebView.setWebChromeClient(newWebChromeClient() {

publicvoidonProgressChanged(WebView view, int progress) {

Tampil.this.setTitle("Loading...");

Tampil.this.setProgress(progress * 100);

if (progress == 100){

Tampil.this.setTitle(view.getTitle());

}

}

});

//Agar layardapatdi zoom

FrameLayoutmContentView = (FrameLayout)

getWindow().getDecorView().findViewById(android.R.id.content);

final View zoom = mainWebView.getZoomControls();

mContentView.addView(zoom, newFrameLayout.LayoutParams(

ViewGroup.LayoutParams.FILL_PARENT,

ViewGroup.LayoutParams.WRAP_CONTENT,

Gravity.BOTTOM));

zoom.setVisibility(View.GONE);

}

}

}

Ok source di atas terdapat beberapa bagian perintah :

mainWebView.setWebViewClient(newMainWebViewClient());

digunakan untuk menampilkan halaman web yang kita panggil di main WebView “Layout yang sudah kita buat”, lalu dibawahnya terdapat method agar saat kita meload halaman web akan muncul progress seperti gambar dibawah :

Sebelum halaman web tampil aka nada pesan Loading seperti gambar diatas, jika proses Load sudah selesai maka aplikasi akan menampilkan halaman web sesuai dengan URL yang kita masukan disini saya masukan link IHT versi mobile http://mobile.indonesianhacker.or.id/, maka tampilannya akan seperti gambar dibawah :

Demikianlah artikel cara membuat web launcher di android, semoga membantu kalian yang sedang memperdalami ilmu java dan lain-lain, Jangan lupa untuk di praktekan di manapun anda berada. Karena ilmu teknologi itu 70% praktek dan 30% pelajaran. Apabila anda memiliki pertanyaan silahkan hubungi via email : hasbiblockers@gmail.com

Share this post