Cara Membuat Web/Blog Menjadi Aplikasi Dengan HP Android

Kali ini saya memberikan tutorial lengkap cara membuat web/blog menjadi aplikasi sederhana menggunakan AIDE.
Aplikasi yang akan dibuat ini menggunakan komponen sistem WebView.

Berikut ini langkah-langkah pembuatan aplikasinya

Membuat Aplikasi  WebView dengan AIDE

1. Untuk membuat aplikasi, klik for Experts dan pilih New Android App

2. Ubah nama aplikasi, dan nama paket sesuai yang diinginkan

3. Pada Main.xml, hapus komponen <TextView dan tambahkan komponen Webview ini tepat dibawah android:gravity

 <WebView

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

Setelah kode ditambahkan, maka kode lengkapnya akan terlihat seperti ini

----Main.xml----

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"> <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>

4. Pada MainActivity tambahkan kode ini tepat dibawah import android.os

import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

Lalu tambahkan kode ini dibawah public class MainActivity

private WebView webView;

Dan juga tambahkan kode ini dibawah setContentView

webView = (WebView) findViewById(R.id.webview);
webView.setWebViewClient(new WebViewClient());
webView.loadUrl("http://yumahitarani.blogspot.com");

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
     }
}

Note: isi url blog kalian pada loadUrl.

Tambahkan juga kode berikut tepat dibawah
webSettings.setJavaScriptEnabled(true); 
     }
agar tombol kembali / back dapat berfungsi, yang nantinya jika tombol back ditekan akan langsung menuju ke halaman sebelumnya, bukan homescreen

@Override
public void onBackPressed() {
if (webView.canGoBack()) {
webView.goBack();
} else {
super.onBackPressed();

    }
}

Kode lengkapnya akan seperti ini

----Main Activity----

package com.hitproject.manotes; import android.app.*; import android.os.*; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends Activity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); webView = (WebView) findViewById(R.id.webview); webView.setWebViewClient(new WebViewClient()); webView.loadUrl("http://yumahitarani.blogspot.com"); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); } @Override public void onBackPressed() { if (webView.canGoBack()) { webView.goBack(); } else { super.onBackPressed(); } } }

5.Selanjutnya mengisi kode pada AndroidManifest. Untuk menemukan AndroidManifest, klik ikon titik tiga yang ada sebelah kanan, lalu klik GoTo dan pilih AndroidManifest.

Tambahkan kode permission ini tepat dibawah nama package

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

Kode lengkapnya seperti ini

----Android Manifest----

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.hitproject.manotes" > <uses-permission android:name="android.permission.INTERNET" /> <application android:allowBackup="true" android:icon="@drawable/logo" android:label="@string/app_name" android:theme="@style/AppTheme" android:resizeableActivity = "true"> <activity android:name=".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>

Sampai tahap ini Aplikasi WebView sudah selesai dibuat, sebelum memasangnya kalian bisa mengganti icon aplikasinya. Baca cara menggantinnya disini.

Jika icon aplikasi sudah selesai diatur, aplikasi pun sudah bisa diinstal.
Itulah cara membuat web/blog menjadi aplikasi dengan HP android. Mudah kan caranya? Selamat mencoba!

Related Posts

Share this post

Subscribe Our Newsletter