Cara Membuat Aplikasi Fungsi WebView Pada Android Studio

 

Membuat Aplikasi Fungsi WebView

Jokam-Informatika.com Banyak orang yang mencari cara untuk membuat aplikasi dengan fungsi WebView didalamnya. WebView sendiri adalah fungsi aplikasi khusus seluler yang dapat mengunjungi sebuah browser secara instant. Kebanyakan fungsi ini dimanfaatkan untuk pembuatan aplikasi blog atau channel youtube mereka.

Seperti apakah cara pembuatan aplikasi WebView ?

Simak ulasan dibawah ini untuk mengetahuinya lebih lengkap,

 

Android WebView – Untuk membuat aplikasi dengan fungsi WebView sebenarnya tidaklah sulit karena hanya memanfaatkan beberapa coding saja untuk membentuk fungsi tersebut didalam aplikasi. Perangkat Android saat ini sudah digunakan hampir oleh semua orang di dunia ini dan sebagian lagi adalah Iphone. Namun jumlah pengguna Android tidaklah sedikit yaitu Hampir 3/4 didunia orang menggunakan android. Karena harganya yang terjangkau juga banyak sekali fitur serta kemudahan dalam penggunaannya. Selain itu android juga dikenal sudah terbukti mempunyai kecerdasan dan sampai-sampai dijuluki ponsel pintar.

Jadi sekarang orang-orang pun ikut berkontribusi dengan android karena semakin banyak peminatnya. terlebih lagi aplikasi android dapat menghasilkan uang.

Saya pun disini tidak ketinggalan untuk membantu kalian yang ingin membuat aplikasi. Dalam kasus ini saya akan membantu kalian untuk membuat aplikasi yang berfungsi sebagai WebView. WebView adalah Satu widget yang dimiliki android untuk melihat suatu website kalian.

Oke langsung saja.

  • Pertama Buka AndroidManifest.xml pada Directory manifests/, Lalu copykan semua code dibawah ini :
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.jcft.whoami.jokampcyberfighter">
// Diatas ini ^ Sesuaikan dengan Nama Package kalian contoh : com.blablabla    
    <uses-permission android:name="android.permission.INTERNET"/>

    <application
 android:allowBackup="true"
 android:icon="@mipmap/ic_launcher"
 android:label="@string/app_name"
 android:supportsRtl="true"
 android:theme="@style/AppTheme">
 
        <activity
  android:name=".MainActivity"
  android:label="@string/app_name"
  android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

    </application>

</manifest>

 

  • Lalu buka activity_main.xml dan Copykan code berikuti ini ke activity_main.xml yang berada di res/layout pada project kalian :
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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="com.jcft.whoami.jokampcyberfighter.MainActivity">
//Diatas ini Sesuaikan dengan Package kalian ditambah .MainActivity

    <android.support.design.widget.AppBarLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:theme="@style/AppTheme.AppBarOverlay">
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.Toolbar
 android:id="@+id/toolbar"
 android:layout_width="match_parent"
 android:layout_height="?attr/actionBarSize"
 android:background="?attr/colorPrimary"
 app:popupTheme="@style/AppTheme.PopupOverlay" />

    <TextView
 android:id="@+id/textView"
 android:layout_width="match_parent"
 android:layout_height="39dp"
 android:text="NAMA WEBSITE KALIAN"
 android:textStyle="bold"
 android:textAlignment="center"
 android:layout_marginLeft="40dp"
 android:layout_marginRight="40dp"
 android:layout_marginTop="20dp"/>

    <Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="50sp"
 android:layout_marginTop="100dp"
 android:layout_gravity="top"
 android:onClick="JCFT"
 android:text="NAMA WEBSITE KALIAN" />

 
</android.support.design.widget.CoordinatorLayout>

Jika sudah maka kalian save file diatas tersebut.

 

  • Kemudian buka MainActivity.java yang sudah ada di Java/Nama_Package_Kalian.
  • Pada tulisan paling atas biarkan saja yaitu package blabla, lalu paste dibawahnya code berikut :
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;

public class MainActivity extends AppCompatActivity {

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

    public void JCFT (View v) {
        startActivity(new Intent(MainActivity.this, JCFTActivity.class));
    }

}

Kemudian Save File diatas.

 

  • Kemudian buat lagi file bernama jcft.xml di res/layout dan copy code berikut kemudian paste di file yang tadi anda buat :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <FrameLayout
 android:id="@+id/FrameLayoutTop"
 android:layout_width="match_parent"
 android:layout_height="7dp"
 android:background="@android:color/transparent">

        <ProgressBar
  android:id="@+id/progressBar3"
  style="?android:attr/progressBarStyleHorizontal"
  android:layout_width="match_parent"
  android:layout_height="7dp"
  android:layout_gravity="top"
  android:background="@android:color/transparent"
  android:progress="20"
  android:progressDrawable="@drawable/custom_progress" />

    </FrameLayout>

    <WebView
 android:id="@+id/WebView"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >

        <FrameLayout
  android:id="@+id/FrameLayoutCenter"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/transparent">

            <ProgressBar
   android:id="@+id/progressBar4"
   style="?android:attr/progressBarStyle"
   android:layout_width="100dp"
   android:layout_height="100dp"
   android:layout_gravity="center"
   android:background="@android:color/transparent"
   android:progress="20" />

        </FrameLayout>

    </WebView>

</LinearLayout>

Lalu, simpan coding file diatas.
Maka anda telah berhasil membuat fungsi WebView.

 

  • Untuk membuat kesan loading yang bergerak di bagian atas screen maka buat sebuah file dengan nama custom_progress.xml di direktory res/drawable dan Copykan code berikut ini :
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="3dip"/>
                <solid android:color="#4FC3F7"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="3dip"/>
                <solid android:color="#4FC3F7"/>
            </shape>
        </clip>
    </item>

</layer-list>

Kemudian save file diatas.

  • Maka kalian sudah selesai dalam membuat WebView beserta loading pada bagian atas screen saat anda menekan tombol.
  • Kemudian untuk melihat hasilnya, maka sobat bisa membukanya langsung melalui Run pada aplikasi langsung, atau manual melalui Handphone kalian masing-masing.
  • Tetapi kalian harus Build dulu, setelah build barulah ambil file APK kalian di folder project kalian di hardisk.
  • Lalu kirim ke HP kemudian install di HandPhone kalian.

NB : Untuk membukanya kalian harus mempunyai koneksi untuk mengakses website kalian. jika tidak yah tidak akan pernah kebukan website kalian.

 

Baca juga lainnya :

 

 

Mungkin itulah tutorial yang dapat kami berikan didalam artikel Cara Membuat Aplikasi Fungsi WebView Pada Android Studio.
Semoga dengan adanya artikel saya ini dapat membantu kalian yang ingin membuat aplikasi di Android Studio yaitu WebView.
Sekian dan terimakasih.

PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini.

Kemudian, kami akan segera menyampaikan pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


About the Author:

CEO & Founder JOKAM INFORMATIKA [OFFICIAL]

One Comment

  1. Ariska 08/11/2019 at 10:08 PM - Reply

    Thanks min sangat membantu w

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.