Cara Membuat Aplikasi WebView Di Android Menggunakan AIDE

Baca Juga!!!


Cara Membuat Aplikasi WebView Di Android Menggunakan AIDE


Ammar KC,
Halo teman-teman, jumpa lagi dengan kami, setelah dua hari ini kami tidak mengunjungi blog. Pada artikel sebelumnya kami telah mengenalkan kepada teman-teman pada sebuah aplikasi yang bisa membantu kita membuat aplikasi di android tanpa ada bantuan PC atau komputer, aplikasi tersebut adalah AIDE, kalau belum baca, silahkan dibaca dulu, cara membuat aplikasi di android dengan AIDE. Nah untuk postingan kali ini kami akan membahas lanjutan dari artikel tersebut, yaitu cara membuat aplikasi WebView di android dengan AIDE.

Apa itu aplikasi WebView? Secara umum, aplikasi webview bisa diartikan sebagai aplikasi yang berisi data-data sebuah situs atau halaman web yang bisa kita akses tanpa harus melalui perantara aplikasi browser lagi, walaupun pada dasarnya, aplikasi webview ini biasa juga disebut sebagai aplikasi browser.

Aplikasi webview ini sangatlah berarti bagi anda yang memiliki bisnis online, atau yang memiliki situs web atau blog sendiri. dengan aplikasi webview, maka pelanggan atau visitor situs anda tidak perlu lagi membuka aplikasi browser seperti Chrome, Opera dan lain-lain untuk mendapatkan update terbaru dari situs anda.

Sebenarnya membuat aplikasi webview bukanlah hal yang sulit, bahkan saat ini sudah banyak website yang menyediakan jasa pembuatan aplikasi web dan aplikasi lain tanpa harus melakukan coding lagi, hanya mengisiisi data yang dibutuhkan, jadi deh, dan pastinya tanpa ada biaya / free, sebut saja situs appsgeyser, MIT App Inverter, Appypie dan masih banyak lagi. Akan tetapi, dengan menggunakan website-website tadi, saya yakin anda tidak akan selamanya puas dengan aplikasi hasil buatan situs tersebut, kecuali niat anda hanya sekedar ingin membuatkan aplikasi untuk situs anda tanpa ada niat untuk menjadi pengembang sepenuhnya. Bukannya kami tidak menyarankan untuk menggunakan jasa dari website-website tersebut, Akan tetapi jika anda menggunakan aplikasi hasil coding sendiri akan jauh lebih bermakna dan lebih memuaskan dibandingkan dengan aplikasi hasil buatan dari beberapa situs tadi. Selain itu dengan membuat aplikasi sendiri anda akan lebih mudah mengatur tampilan dan fitur-fitur yang akan ditampilkan dalam aplikasi anda nantinya.

Maka dari itu, tujuan kami menulis artikel ini adalah untuk membantu teman-teman blogger dan pebisnis online lainnya agar lebih mudah dalam mengembangkan dan mempromosikan karya-karya online kalian.

Baca Juga:



Baik tanpa perlu berlama-lama lagi, silahkan simak tutorialnya dibawah ini.

Cara Membuat Aplikasi WebView Di Android Menggunakan AIDE


Satu hal yang perlu kami ingatkan kepada teman-teman sebelum memulai membuat aplikasi baik di android ataupun PC, anda setidaknya memiliki hasrat atau keinginan yang kuat, serta anda siap untuk berhadapan dengan bahasa program, tapi tidak perlu untuk menguasai bahasa tersebut.

1). Pastikan aplikasi AIDE sudah terpasang di Android teman-teman, kalau belum silahkan download dulu disini atau disini dan kemudian di instal..
2). Setelah diinstal, buka aplikasinya dan pilih For Experts,

3). Selanjutnya pilih New Android App dan isi nama aplikasi dan nama package aplikasi yang akan anda buat, Sebagai contoh disini kami akan menggunakan nama AmmarKC dan package namenya com.muammarkc.me.

4). Nah, selanjutnya kita edit bagian main.xml dulu, buka file main.xml kemudian ganti script <TextView dengan script berikut
 <WebView
  android:id="@+id/webku"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
Setelah itu save filenya, maka is file main.xml sekarang akan jadi seperti ini
<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/webku"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

 </LinearLayout>

5). Selanjutnya kita akan edit file MainActivity.java nya, silahkan buka file tersebut, kemudian letakkan script berikut di bawah script import android.os.*;
import android.webkit.*;
import android.widget.*;
import android.view.*;
Kemudian letakkan script berikut dibawah public class MainActivity atau di atas @Override
public WebView webku;
masih di MainActivity.java, tambahkan script berikut di bawah script setContentView(R.layout.main);
webku = (WebView) findViewById(R.id.webku);
webku.setWebViewClient(new WebViewClient());
WebSettings setc= webku.getSettings();
setc.setJavaScriptEnabled(true);
webku.loadUrl("https://www.muammar-kc.me");
Sehingga hasilnya akan seperti berikut
package com.muammarkc.me;

import android.app.*;
import android.os.*;
import android.webkit.*;
import android.widget.*;
import android.view.*;

public class MainActivity extends Activity
{
    public WebView webku;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

webku = (WebView) findViewById(R.id.webku);
webku.setWebViewClient(new WebViewClient());
WebSettings setc= webku.getSettings();
setc.setJavaScriptEnabled(true);
webku.loadUrl("https://www.muammar-kc.me");
    }
}

Catatan:Ganti https://www.muammar-kc.me dengan url blog kalian.

6). Langkah selanjutnya kita akan mengedit file AndroidManifest.xml, silahkan buka file-nya dan tambahkan script berikut diatas script <application.
<uses-permission
android:name="android.permission.INTERNET"/>
Maka hasilnya akan seperti ini
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.muammarkc.me" >

<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=".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>
Dengan menambahkan script <uses-permission diatas, maka secara otomatis kita akan memberikan akses jaringan internet agar dapat menjelajahi aplikasi tersebut.

7). Kemudian build aplikasi tersebut dengan cara klik button build di pojok atas, dan tunggu proses buildingnya selesai.
8). Setelah proses buildingnya selesai, instal dan buka aplikasinya dan lihat hasilnya.
Selamat anda sudah berhasil membuat aplikasi webview sendiri menggunakan android.
Tips Tambahan:Agar aplikasi anda lebih menarik lagi, tambahkan gambar atau icon buatan anda sendiri yang berekstensi .png dan beri nama ic_launcher.png kemudian letakkan di setiap folder drawable.

Demikian artikel cara membuat aplikasi webview di android dengan AIDE ini, semoga bermanfaat, jangan lupa untuk memberikan komentar atas postingan kami ini, serta membagikannya ke akun media sosial kalian agar yang lain juga tau.

11 Comments

  1. Wahh lumayan ribet juga ya gan,, tapi boleh lah untuk dicoba..

    Thanks infonya..

    ReplyDelete
    Replies
    1. Ribetnya kalau kita gk mau nyoba mbah, tapi kalau ada keinginan pasti segalanya akan lebih mudah. :)

      Delete
  2. Mantap gan artikelnya, lumayan nih buat coba-coba bikin aplikasi dari website sendiri biar lebih pro haha.

    ReplyDelete
    Replies
    1. Biar kaya web-web besar gitu ya mbah :v

      Delete
    2. This comment has been removed by the author.

      Delete
  3. wah mantap nie. ntar saya coba lah yang lebih bagus dan supaya bisa pro juga saya dalam membuat website. terima kasih infonya. artikelnya sangat bermanfaat

    ReplyDelete
  4. dulu saya pernah nyoba di appsgeyser mungkin yg ini saya akan coba..

    ReplyDelete
  5. Makasih tutorialnya gan ...sangat bermanfaat

    ReplyDelete
    Replies
    1. Oke gan, terima kasih juga atas kunjungannya.

      Delete

Berkomentarlah dengan bijak, Tanpa kekerasan dan tanpa link serta tidak spam.
Terima Kasih!!!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel