Langkah-Langkah Membuat
WEB KIT Dengan Eclipse
WEB KIT Dengan Eclipse
LANGKAH – LANGKAH MEMBUAT WEB KIT menggunakan eclipse
Ø Langkah Membuat Web kit 1
Klik ganda pada icon eclipse pada
desktop, kemudian tunggu hingga jendela eclipse
terbuka, lalu membuat project baru dengan cara klik file – pilih new –
pilih Android Application Project.
Kemudian isikan nama project
Contoh
Application Name : WebKit, lalu Project Name : WEBKIT
Application Name : WebKit, lalu Project Name : WEBKIT
Lalu pada Package Name hapus terlebih dahulu com.exclampe
hingga titik, kemudian isikan dengan nama folder yang telah kalian buat
kemudian klik next
Klik Next
Lalu berikan simbol untuk tampilan yang akan kita buat
seperti pada gambar dibawah ini. Kemudian setelah selesai memberikan icon / simbol maka klik next
seperti pada gambar dibawah ini. Kemudian setelah selesai memberikan icon / simbol maka klik next
Klik Next Terus Sampai klik Finish
Maka Tampilannya akan seperti dibawah ini
Kemudian klik activity_main.xml dibagian pojok kiri bawah,
seperti gambar dibawah ini
Kemudian
tuliskan coding seperti dibawah ini
<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_horzontal_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>
Kemudian Klik Src, pilih
MainActivity.java. seperti pada agmbar dibawah ini
Lalu Tuliskan Coding seperti dibawah
ini
package amikom.webkit;
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.webkit);
browser.loadData("<html><body>Sistem
Informasi 2012 C</body></html>", "text/html", "UTF-8");
}
@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;
}
}
OutPut
Program sebagai Berikut :
Ø Langkah Membuat Web Kit 2
Pada langkah pembuatan web kit 2 sama seperti membuat
web kit sebelumya tetapi berbeda syintak pada main activity.java.
Kita dapat mengisikan mainactivity.java dengan syintak
seperti dibawah ini :
package amikom.webkit2;
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.webkit);
browser.loadUrl("http://bheyewajid.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;
}
}
Setelah coding sudah kita masukan selanjutnya kita run
hasil aplikasi yang kita buat jika aplikasi yang kita buat berhasil maka akan
muncul pada menu android dan jika aplikasi kita klik akan keluar program sbb :
Ø Langkah Membuat Web Kit 3
Pada langkah pembuatan web kit 3 sama seperti membuat
web kit sebelumya tetapi berbedacoding pada mainactivity.java.
Kita dapat mengisikan mainactivity.java dengan codding
seperti dibawah ini :
package amikom.webkit3;
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.webkit);
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;
}
}
Setelah coding sudah kita masukan selanjutnya kita run
hasil aplikasi yang kita buat jika aplikasi yang kita buat berhasil maka akan
muncul pada menu android dan jika aplikasi kita klik akan keluar program sbb :
