Aplikasi Android Khusus Untuk Web Pribadi

Okey saatnya sharing sama temen2 lagi sekarang saya akan sedikit menjelaskan bagaimana sih membuat aplikasi berbasis android khusus untuk Web pribadi kita :D

okay pertama2 yang harus kita lakukan adalah melakukan install Android dan JDK di komputer kita tutorialnya bisa dilihat disini

Setelah itu maka kita harus lakukan adalah “Back To Codding” yang harus dilakukan pertama kali adalah membuat suatu project baru

setelah itu kita pilih android Project –> Project Name *disini kita isi nama project kita*

next step yaitu memilih target dari Android kita karena saat ini hampir semua hand held min spesifikasinya adalah Froyo maka disini saya akan memilih  froyo sebagai basic dari Aplikasi kita nantinya *dependencies dari froyo paling sedikit dari pada yg lainnya*

setelah selesai dipilih dependencies nya maka next step adalah pemberian nama package dan activity name disini sangat krusial karena sering terjadi error di pemberian package name, package name at least harus dua kata dihubungkan dengan titik (.)

setelah selesai maka di project kita nanti akan muncul project yang didalamnya ada beberapa file yaitu activity,layout main, dan android manivest.xml

yang harus kita ubah pertama kali adalah androidmanivest.xml difile ini kita akan menambahi permitionnya agar bisa melakukan akses ke internet

</pre>
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="web.blog"
 android:versionCode="1"
 android:versionName="1.0" >

<uses-sdk android:minSdkVersion="8" />

<application
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name" >
 <activity
 android:label="@string/app_name"
 android:name=".WebBlobActivity"
 android:theme="@android:style/Theme.NoTitleBar">
 <intent-filter >
 <action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>

--!permition untuk masuk ke internet --!
<uses-permission android:name="android.permission.INTERNET" />
</manifest>

kemudian setelah manivest ini selesai di edit maka next step adalah melakukan desaign user interface secara default ketika kita membuat project didalam folder layout –> main.xml sudah tersedia user interface yang sangat simple yaitu hello world

</pre>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

<TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="@string/hello" />
</LinearLayout>

nah diatas merupakan source code dari default UI kita akan menanbahi UI tersebut dengan webview berikut source codenya

</pre>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

<TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="@string/hello" />
 <WebView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/webview"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
/>

</LinearLayout>

setelah itu sekarang saatnya kita melakukan coddingam di segi sistem yang sebenarnya sebenarnya coddingan disini cukup simple kita hanya perlu menambahkan sedikit coddingan dari source code yang sudah auto generate dari si android itu sendiri

berikut sedikit source code auto generate dari si android

</pre>
package web.blog;

import android.app.Activity;
import android.os.Bundle;

public class WebBlobActivity extends Activity {

/** Called when the activity is first created. */

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
}
}

nah setelah itu akan kita tambahi sedikit dari source code tersebut yaitu content web view sehingga source codenya akan berubah menjadi seperti ini

</pre>
package web.blog;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebBlobActivity extends Activity {
 /** Called when the activity is first created. */
 WebView web;
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 web = (WebView) findViewById(R.id.webview);
 web.getSettings().setJavaScriptEnabled(true);

//silahkan isi dengan web kalian
 web.loadUrl("http://setiyawanjullev.wordpress.com");
 web.setWebViewClient(new HelloWebViewClient());
 }
 private class HelloWebViewClient extends WebViewClient {
 @Override
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
 view.loadUrl(url);
 return true;
 }
 }
 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && web.canGoBack()) {
 web.goBack();
 return true;
 }
 return super.onKeyDown(keyCode, event);
 }
}

kemudian silahkan build aplikasi tersebut dengan menekan tombol F11 bagi yang menggunakan IDE Eclipse atau F6 bagi yang menggunakan Netbeans

maka hasil tampilannya akan nampak seperti ini

nah demikian sedikit tutorial untuk kali ini apabila ada yg kurang jelas monggo kita sharing terima kasih :D

 

Advertisement

13 Responses to Aplikasi Android Khusus Untuk Web Pribadi

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 )

Connecting to %s