Home
android
blogger
Cara
Membuat Aplikasi Android (Webview) Mudah Dengan Copy Paste Kode
7.7.18

Membuat Aplikasi Android (Webview) Mudah Dengan Copy Paste Kode

Android- Selamat malam, kali ini sakaran akan mencoba memulai menulis tentang dasar pembuatan aplikasi andorid webview. Aplikasi webview sendiri merupakan aplikasi berbasis website atau blog yang kita miliki sebelumnya. Atau dalam kata lain, kita mengkompres blog kita menjadi aplikasi android. Dalam membuat aplikasi android ini kita akan menggunakan Android Studio.

Bukan sebagai seorang master andorid saya menulis ini, melainkan untuk pengingat saya pribadi langkah atau cara membuat aplikasi android. Dan semoga bisa bermanfaat untuk orang lain.

Sebenarnya banyak jasa pembuatan aplikasi android instan dan gratis secara online. Namun hal itu tentu ada kekurangan. Salah satunya adalah adanya iklan yang muncul dari pihak penyedia jasa pembuatan aplikasi tersebut. Sedangkan dari iklan tersebut bukan kita yang akan mendapat royalti. Bahkan iklan tersebut bisa mengganggu pembaca atau pengunjung. Tentu hal itu tidak kita inginkan bukan?

Langsung saja, jika belum punya Softwarenya, silakan download di sini

Setelah mendownload Android Studio, silakan lakukan instal di komputer atau laptop teman-teman. Jika sudah selesai kita mulai langkah-langkahnya sebagai berikut:

1. Silakan buat Project baru dengan meng-klik Start a new Android Studio project
2. Silakan isi nama project android dengan nama yang diinginkan, isi company domain dan silakan klik next
3. Pada "Target Android Device" pilih versi android terendah agar semua pengguna android dapat memasangnya dan kemudian pilih atau klik next.
4. Selanjutnya silakan pilih Emty Activity pada "Add an Activity to Mobile" dan kemudian pilih next.
5. Masuk "Configure Activity" silakan langsung klik Finish.

Dari lima langkah di atas kita sudah membuat aplikasi "Hello World" yang selanjutnya akan kita ganti dengan aplikasi project webview untuk menampilkan blog kita ke dalam aplikasi android dengan langkah sebagai berikut:
1. Pada activity_main.xml silakan pilih mode text dan ganti kode seluruhnya dengan kode berikut:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:id="@+id/webView"/>
</RelativeLayout>

 2. Selanjutnya pada MainActivity.java silakan ganti kode mulai baris ke-3 (hanya package name yang tidak dihapus dan jangan lupa ganti url pada huruf warna merah dengan url blog kalian) dengan kode berikut:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    WebView webView;

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

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webView);

        WebSettings webSettings = webView.getSettings();

        webSettings.setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient());

        webView.loadUrl("https://www.sakaran.com");
    }
}

3. Silakan klik app >>> manifest >>> dan buka "AndroidManifest.xml" >>> dan tambahkan kode berikut seperti gambar di bawah:
 <uses-permission android:name="android.permission.INTERNET"/>

Sampai dengan langkah ini, kita telah selesai membuat project aplikasi android. Sedikit tambahan agar tampilan aplikasi kita tampil secara penuh bisa masuk ke menu app >>> res >>>  values >>> dan buka "styles.xml" selanjutnya ganti kata DarkActionBar dengan NoActionBar 

Selesai, silakan unduh atau ambil file apk dengan Build dan Generate Signed APK sampai selesai.

Demikianlah langkah-langkah mudah membuat aplikasi webview sendiri dengan android studio. Semoga menjadi pengingat untuk saya pribadi dan bermanfaat untuk pembaca sekalian. Terimakasih dan jangan lupa untuk sempatkan mengaji yaaa...

No comments