Langkah pertama membuat aplikasi android webkit yaitu kita
bikin projectnya terlebih dahulu buka program esclipya, menu menu file > new
> android application project. Beri nama project nya , sesuaikan nama
packagenya dan sesuaikan saja aplikasi yang ingin kita bikin seprti target dan
temanya.
Klik next saja sampe ke configurasi icon. Dan sesuaikan icon
yang ingin kita tambahkan ke project kita. Klik next sampai finish
Setelah selesai menconfigurasi, langsung saja ke main xml ya
untuk mendesain tampilan dengan klik saja activity main.xml nya dan ketikan
kode berikut :
<RelativeLayoutxmlns: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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<WebView
android:id="@+id/webkit"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
</RelativeLayout>
Setelah meberi kode, save saja maka tampilanya seprti gambar
berikut. Kemudian masuk ke file javanya. Dengan cara klik mainactivity.java di
folder scr.
Kemudin ketikan kode berikut :
publicclassMainActivityextends Activity {
WebViewbrowser;
@Override
protectedvoidonCreate(Bundle
savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
browser = (WebView)
findViewById(R.id.webkit);
browser.loadData("<html><body>"+"HohoNugroho"+
"</body></html>","text/html" ,"utf-8");
}
@Override
publicbooleanonCreateOptionsMenu(Menu
menu) {
// Inflate the menu; this adds
items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
returntrue;
}
}
Setelah itu kita run projrctnya , jangan lupa di save terlebih dahulu.
Maka hasilnya seperti berikut :
Webkit Time
Pada project yang
kedua ini hampir sama,
seperti project yang sebelumnya. Tetap
pada project webkit kali ini akan menampilkan waktu pada saat project di run. Untuk pembuatan project ini langkah-langkah nya sama seperti
projecr sebelumnya.
Kita buat broject baru terlebih dahulu lalu kita
konfigurasi.
Desain activity main xml.nya.
<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<WebView
android:id="@+id/webkitime"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
Lalu pada main activity java.nya ketikan kode berikut :
package
webkit_time.example.webkit_time;
import java.util.Date;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends Activity {
WebView browser;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
browser = (WebView)findViewById(R.id.webkitime);
browser.setWebViewClient(new Callback());
loadTime();
}
void loadTime(){
String
page = "<html><body><a
href=\"clock\">"
+ new Date().toString()
+ "</a></body></html>";
browser.loadDataWithBaseURL("x-data://base", page,"text/html", "UTF-8", null);
}
private class Callback extends WebViewClient {
public boolean shouldOverrideUrlLoading (WebView view, String URL){
loadTime();
return (true);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate
the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
Klik Ctrl + S... lalu Run, hasilnya seperti berikut : 
Webkit Http
Project webkit yang ketiga
ini fungsinya berbeda dari yang sebelumnya.. kali ini fungsinya yaitu untuk menampilkan
suatu alamat website atau blok. Dengan cara me load url nya...
Langsung saja buat saja broject
baru, langkah nya sama seperti project sebelumnya.
Activiti main xml.
<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<WebView
android:id="@+id/webkithttp"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</RelativeLayout>
package
webkit_http.example.webkit_http;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.webkit.WebView;
public class MainActivity extends Activity {
WebView browser;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
browser = (WebView) findViewById(R.id.webkithttp);
browser.loadUrl("http://hohonugroho07.blogsopt.com");
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//
Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
Nah setelah sudah ketikan kode,, lalu disini kita
daftarkan permission internet dulu di
android manifest. Dengan cara buka terlebih dahulu AndroinManifest.xml nya
seperti berikut :
Tambahkan kode yang di blok kuning.
<?xml version="1.0"
encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="webkit_http.example.webkit_http"
android:versionCode="1"
android:versionName="1.0"
>
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17"
/>
<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="webkit_http.example.webkit_http.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>
Apabila kita ingin berhasil
menampilkan Url yang kita masukan, tentunya device yang di gunakan harus
terhubung ke internet. Tampilan seperti diatas karena belum terhubung dengan
internet.
Dan apabila ingin mengganti alamat Url yang ingin di tampilkan, ubah saja
di scr Java.nya.
DEMIKIAN tentang Webkit.
Tag :
Tutorial Android
0 Komentar untuk " Tutorial aplikasi android WEBKIT "