Wednesday, July 24, 2024
Latest:
AndroidKomputer

Konversi Website di Android dengan WebView Android Studio

yun3di
497

Konversi Website di Android dapat menggunakan Android studio dengan fitur Webview.

Bagaimana mengkonversi website menjadi aplikasi android berextention apk? Bagaimana menggunakan Android Studio sebagai program konversi website sebagai program apk? Bagaimana cara menggunakan fasilitas WebView di Android Studio untuk mengkonversi Website menjadi aplikasi android.

Hp berbasis android atau Smartphone biasanya membuka website dengan dua cara, yaitu:

  1. Browser aplikasi seperti google.com, yahoo, Browser yang dibawa Smartphone.
  2. Aplikasi Android.

Sekarang ini, para pengembang Website membuat website versi android. Proses pembuatan website ada yang praktis dan instan dengan menggunakan fasilitas online. Ada juga mengkonversi sendiri dengan menggunakan perangkat pembuat aplikasi Android.

Kali ini, konversi Website ke aplikasi apk atau android menggunakan aplikasi Android Studio. Ada beberapa tahapan yang harus dilakukan ketika mengkonversi website ke aplikasi android berextention apk dengan fasilitas WebView di Android Studio.

A. Persiapan Proyek Konversi Website ke Android dengan Android Studio

Persiapan membuat proyek Konversi Website ke Aplikasi Android dengan WebView Android Studio

Langkah-langkah membuat projek baru di Android Studi:

  1. Klik File
  2. Klik New
  3. Klik Projek, maka akan muncul Configure Your New Project
  4. Tulis nama project yang akan dibuat di Application Name
  5. Tulis nama alamat website tanpa ditulis “.com” di Company Domain. “.com” akan muncul otomatis
  6. Perhatikan di Package Name tertulis “com.namaDomain.namaAplikasi”
  7. Perhatikan “Project Location” adalah folder tempat menyimpan file project
  8. Klik next. Akan muncul “Target Android Device”
  9. Ceklist “phone and Table”
  10. Plih perangkat Android yang bisa menjalankan di atas 90%
  11. Klik Next. Akan muncul “Add an Activity to Mobile”
  12. Pilih “Empty Activity”
  13. Klik Next. Muncul “Customize The Activity”
  14. Biarkan tulisan MainActivity di “Activity Name”
  15. Biarkan tulisan Activity_Main di “Layout Activity”
  16. Klik Finish. Makan akan terjadi proses sampai muncul tampilan projek baru.

B. Modifikasi xlm di Activity_main.xlm

Activity_main adalah tempat mengatur atau mensetting tampilan aplikasi android di mobile, atau tempat melayut tampilan.

Adapun langkah-langkah untuk menyiapkan layout konversi website ke aplikasi Android dengan WebView di Android Studio sebagai berikut:

  1. Pilih app/res/layout/
  2. Klik Activity_main.xlm. akan muncul tampilan isi activity_main yang terdiri dua pilihan yaitu Design dan text
  3. Pilih text dan copy paste script di bawah ini:

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”

xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
tools:context=”com.namadomain.namaaplikasi.MainActivity“>

<WebView

android:id=”@+id/webView“
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:layout_alignParentTop=”true”
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true”
/>

<ProgressBar

android:id=”@+id/progress2“
style=”?android:attr/progressBarStyle“
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_centerHorizontal=”true”
android:layout_marginTop=”110dp”/>

</RelativeLayout>

  1. Klik Save atau Ctrl+S