## Perancangan WebView Template Pada Android Studio Arctic Fox Studi Kasus: Dagangrumah.com
Raden Bagus Dimas Putra, Eko Setia Budi * , Abdul Rahman Kadafi
Program Studi Sistem Informasi, Universitas Nusa Mandiri, Jakarta, Indonesia Email: 1 raden.rbd@nusamandiri.co.id, 1,* eko.etb@nusamandiri.co.id, 1 abdul.alk@nusamandiri.co.id Email Penulis Korespondensi: eko.etb@nusamandiri.co.id Submitted 11-12-2021 ; Accepted 28-12-2021 ; Published 30-12-2021

## Abstrak
Android  adalah  salah  satu  platform  sistem  operasi  seluler  terbesar  saat  ini.  Di  tengah  berkembang  pesatnya  teknologi  pengembangan aplikasi android, banyak programer yang belum mempelajari cara membuat aplikasi android, dibuktikan dengan banyaknya website yang telah beradaptasi dengan layar aplikasi android namun belum memiliki aplikasi android. Dalam teknologi pengembangan aplikasi android terdapat  fitur  bernama  WebView  yang  memungkinkan  pengembang  aplikasi  untuk  dapat  menampilkan  konten  dari  laman  web  secara langsung  di  dalam  aplikasi.  Untuk  mempermudah  pembuatan  aplikasi,  penulis  membuat  template  dengan  cara:  membuat  prototipe WebView, merumuskan masalah, mempelajari teori pendukung, membuat template, implementasi template, serta dokumentasi penerapan template. Pada Android Studio Arctic Fox, penerapan template dilakukan dengan tiga langkah yaitu: merubah nama proyek, mengganti isi variabel sesuai parameter data website terkait, dan mengganti logo. Dengan menggunakan WebView template, proses pembuatan aplikasi dari website menjadi sangat mudah.
Kata Kunci: WebView; Template; Android; Studio; Arctic Fox

## Abstract
Android  is  one  of  the  largest  mobile  operating  system  platforms  today.  In  the  midst  of  the  rapid  development  of  android  application technology, many programmers have not learned how to make android applications, evidenced by the number of websites that have adapted to the android application screen but do not yet have android applications. In android application development technology there is a feature called WebView that allows application developers to be able to display content from web pages directly within the application. To make it easier to create applications, the author creates templates by: prototyping  WebView, formulating problems, studying supporting theories, creating templates, template implementation, as well as documentation of template implementation. In Android Studio Arctic Fox, the application of templates is done with three steps: changing the project name, changing the contents of variables according to the parameters of the relevant website data, and changing the logo. By using WebView templates, the process of creating applications from a  website becomes very easy.
Keywords : WebView; Template; Android; Studio; Arctic Fox

## 1. PENDAHULUAN
Android adalah salah satu platform sistem operasi seluler terbesar saat ini. Saat ini banyak teknologi pengembangan program andorid menggunakan template yang dapat ditemukan di mesin pencarian dengan kata kunci “Android Template”. Menurut Raharjo dalam [1] program adalah ”perangkat lunak (software) yang sebenarnya merupakan tuntunan instruksi yang ditulis dalam bentuk kode–kode menggunakan bahasa pemrograman tertentu dan telah dikompilasi dengan menggunakan compiler yang sesuai”. Sedangkan template adalah Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan. Dengan menggunakan template, proses pengembangan program akan jauh lebih cepat dan mudah. Jika dirancang dengan benar, kode template dapat digunakan sebagai model atau teladan yang memandu pemikiran dan pengkodean [2].
Di  tengah  berkembang  pesatnya  teknologi  pengembangan  aplikasi  android,  banyak  programer  yang  belum mempelajari  cara  membuat  aplikasi  android,  dibuktikan  dengan  banyaknya  website  yang  telah  beradaptasi  dengan  layar aplikasi  android  namun  belum  memiliki  aplikasi  android,  seperti  yang  akan  dibahas  pada  tulisan  ini  yaitu “dagangrumah.com”. Dalam teknologi pengembangan aplikasi android  terdapat fitur bernama WebView yang merupakan telknologi halaman web yang dibuat secara otomatis dari data dasar yang biasanya disimpan dalam DBMS ke dalam aplikasi android  [3].  WebView  memungkinkan  pengembang  aplikasi  untuk  dapat  menampilkan  konten  dari  laman  web  secara langsung di dalam aplikasi.
Pada pembuatan aplikasi Android, WebView menyediakan sejumlah API( Application Programming Interface ) yang memungkinkan  kode  dalam  aplikasi  untuk  dipanggil  dan  dipanggil  oleh  kode  JavaScript  dalam  halaman  web,  mengatur aktivitas  web,  dan  memodifikasi  aktivitas  web  tersebut.  Dengan  menggunakan  fitur-fitur  ini,  aplikasi  dapat  menjadi "browser" yang disesuaikan untuk aplikasi web yang dimaksudkan. Saat ini, di pasar Android, 86 persen dari 20 aplikasi yang  paling  banyak  diunduh  dalam  10  kategori  beragam,  yaitu  aplikasi  Android  yang    menggunakan  WebView  [4]. Kelebihan  penggunaan  WebView  diantaranya:  rasio  utilitas  yang  tinggi  dalam  penggunaan  layar,  dukungan  navigasi terintegrasi  untuk  halaman  yang  bersifat  internal  maupun  eksternal,  serta  dukungan  efektif  untuk  identifikasi  halaman, organisasi tampilan, dan pengambilan halaman [5].
Untuk mempermudah pembuatan aplikasi android,  ada sebuah tehnik yang bernama template.  Berdasarkan [6] [7] [8], template telah digunakan untuk memfasilitasi pemahaman konseptual tentang konsep pemrograman. Yuen dan Liu [7] mempelajari bagaimana template permainan video didukung dan pemahaman konseptual dipandu pemrograman berorientasi objek  (PBO)  yang  kemudian  digunakan  siswa  untuk  membuat  permainan  multimedia  interaktif  mereka  sendiri.  Dalam
menggunakan template, Yuen dan Liu menemukan tiga tingkat interaksi yang menghasilkan pemahaman konseptual yang lebih  baik.  Pertama,  umpan  balik  visual  dari  permainan,  khususnya  perilaku  tak  terduga,  membawa  perhatian  pada kekurangan dalam desain perangkat lunak. Ketika siswa mengalami kesalahan ini, mereka mulai tingkat lain interaksi dengan template.  Kedua  adalah  untuk  mengeksplorasi  sumber  daya  template.  Eksplorasi  ini  dapat  mengarah  pada  penemuan informasi penting, penemuan hubungan antara sumber daya, dan kode model yang nantinya dapat digunakan. Ketiga, ketika mereka menjelajahi, siswa mulai memperbaiki kode mereka serta pemahaman mereka tentang kode. Pada tingkat kognitif, template meningkatkan pemahaman konseptual karena menyediakan dasar atau kode dasar yang tidak lengkap dari mana siswa dapat membangun program mereka. Berdasarkan penjelasan tersebut dapat disimpulkan bahwa penggunaan template dapat mempermudah proses pembelajaran serta pembangunan program.
Ditengah berkembangnya teknologi template pada pembuatan aplikasi android, pada android studio terbaru saat ini yaitu “Android Studio Arctic Fox 2020.3.1” penerapan template belum didukung oleh alat ini. Pada Android Studio versi sebelumnya,  template  banyak  didugakan  bahkan  diperjual  belikan  karena  ada  teknologi  template  yang  terstandarisasi penulisannya  sehingga  perkembangan  template  aplikasi  android  sangat  berkembang.  Berdasarkan  masalah  ini  penulis membuat  suatu  template  menggunakan  teknologi  WebView  yang  nantinya  bisa  digunakan  untuk  mengkonversi  halaman website kedalam aplikasi android, serta cara penerapannya menggunakan Android Studio Arctic Fox. Dengan adanya tulisan ini  penulis  bertujuan  memberikan  pemahaman  kepada  pembaca  mengenai  cara  pembuatan  template  serta  penerapannya. Diharapkan pembaca dapat memahami penggunaan template yang tersebar luas di internet dan juga mengembangkan ide pembaca dalam pembuatan template.

## 2. METODOLOGI PENELITIAN
Pada  tulisan  ini  penulis  mengunakan  teknologi  prototipe  dimana  prototipe  adalah  sebuah  metode  dalam  pengembangan produk dengan cara membuat rancangan, sampel, atau model dengan tujuan pengujian konsep atau proses kerja dari produk. Prototipe sendiri bukanlah produk final yang nantinya akan diedarkan. Prototipe dibuat untuk kebutuhan awal pengembangan aplikasi  dan  untuk  mengetahui  apakah  fitur  dan  fungsi  dalam  program  berjalan  sesuai  dengan  kebutuhan  yang  telah direncanakan.  Sehingga  pengembang  produk  dapat  mengetahui  kekurangan  dan  kesalahan  lebih  awal  sebelum mengimplementasikan fitur lain ke dalam produk dan merilis produk [9]. Tahap penulis melukakan penelitian yaitu: membuat prototipe WebView, merumuskan masalah, mempelajari teori pendukung, membuat template, implementasi template, serta dokumentasi penerapan template. Adapun alur penelitian dapat juga dilihat pada Gambar 1.
Gambar 1. Diagram aktivitas alur penelitian
a. Membuat Prototipe WebView
Pada tahap ini, penulis membuat aplikasi android hanya dengan menapilkan halaman website “dagangrumah.com” pada objek  WebView  tanpa  adanya  penambahan  atau  perubahan  pengaturan.  Prototipe  ini  bertujuan  untuk  dipelajari permasalahan  yang  ada  pada  aplikasi  WebView  tanpa  merubah  konfigurasi,  sehingga  penulis  dapat  mengetahui permasalahan atau kekurangan yang terjadi pada aplikasi tersebut untuk pembuatan template.
b. Merumuskan Masalah
Pada  tahap  ini,  penulis  berdiskusi  dengan  tim  IT  serta  admin  “dagangrumah.com”  unuk  mengetahui bug atau permasalahan yang dihadapi. Dari diskusi ini nantinya akan didapatan permasalahan yang bisa dikategorikan menjadi 3 bagian: pertama adalah permasalahan general yang bisa diselesaikan dengan template statis, kedua adalah permasalahan khusus yang bisa diselesaikan dengan template dinamis, dan ketiga adalah permasalahan yang tidak bisa diselesaikan dengan template(umumnya harus mengganti kode program website tersebut dikarenakan penulis ingin membuat suatu template yang bisa digunakan general tanpa harus merubah website yang ada).
c. Mempelajari Teori Pendukung
Untuk menyelesaikan permasalahan yang ada, penulis mempelajari cara penyeleasian masalah yang dihadapi serta teori- teori  untuk  keperluan  penulisan.  Dimana  penulis  mencari  sumber-sumber  ilmiah  serta  sumber  yang  bisa  dibuktikan sendiri  kebenarannya.  Karena  tulisan  ini  lebih  bersifat  praktis,  maka  akan  banyak  link  website  tutorial  untuk membandingkan apa yang dilakukan penulis dengan yang ada di internet.
d. Membuat Template
Berdasarkan solusi yang ditemukan, penulis membuat template aplikasi WebView pada sistem operasi android. Dimana template  yang  dibuat  tidak  sepenuhnya  menyelesaikan  semua  permasalahan  yang  ada.  Template  nantinya  hanya menyelesaikan permasalahan umum dan khusus yang bisa diselesaikan tanpa harus mengkonfigurasi ulang website yang
ada. Template juga akan didokumentasikan dalam bahasa Indonesia sehingga pembaca dapat mempelajari kode program serta  struktur  program  yang  dibuat.  Proses  template  yang  akan  diterapkan  melalui  Android  Studio  Arctic  Fox  juga dibandingkan  dengan  proses  pembuatan  template  terstandarisasi  yang  bisa  digunakan  pada  Android  Studio  versi sebelumnya.
e. Implementasi Template
Pada tahap ini, penulis membuat ulang aplikasi android dengan menerapkan template yang menapilkan halaman website “dagangrumah.com”.  Implementasi  dilakukan  menggunakan  Android  Studio  Arctic  Fox.  Proses  implementasi  juga dibandingkan dengan proses implementasi yang terstadarisasi pada Android Studio versi sebelumnya.
f. Dokumentasi Penerapan Template
Pada  tahap  ini,  penulis  membuat  penjelasan  mengenai  kode  program  template,  tata  cara  penerapan  template,  serta menyimpulkan proses pembuatan dan implementasi template pada Android Studio Arctic Fox yang dibandingkan dengan Android Studio versi sebelumnya.

## 3. HASIL DAN PEMBAHASAN

## 3.1 Pembuatan Prototipe WebView
Pembuatan  prototipe  dilakukan  dengan  membuka  aplikasi  android  studio,  kemudian  membuat  projek  baru  dan  memilih “Empty Activity”. Setelah itu mengisikan parameter dan pilih “Finish”. Langkah selanjutnya adalah membuat blok WebView pada “activity_main.xml”, membuat objeknya di “MainActivity”, dan memanggil fungsi “loadUrl()” pada objek yang dibuat pada “MainActivity” sehingga berbentuk “objek.loadUrl("https://dagangrumah.com");”. Hasil run prototipe bisa dilihat pada Gambar 2.

## Gambar 2. Tampilan utama prototipe

## 3.2 Hasil Analisa Permasalahan
Berdasarkan  hasil  diskusi  penggunaan  prototipe oleh  tim  IT  dan  admin dagangrumah.com  didapatkan beberapa  bug  atau permasalahan yang diantaranya adalah:
a. Adanya nama projek pada bar aksi sehingga menjadi redudansi informasi dengan logo yang ada
b. Tombol kembali akan menutup aplikasi
c. Link aplikasi atau website lain tidak bekerja, seperti tombol admin pada Gambar 2.
d. Gambar tidak bisa diperbesar atau diperkecil
e. Javascript tidak berjalan
f. Notifikasi tidak muncul pada panel notifikasi android
3.3 Pembuatan Template WebView
Pada Android Studio versi sebelumnya, pembuatan template menggunakan file berekstensi “.xml” dan “.ftl” yang teknik pembuatannya bisa dilihat pada [10], secarang singkat langkah-langkahnya adalah sebagai berikut:
1. Membuka folder template yang berada pada tempat penginstallan Android Studio 2. Membuat folder dengan nama template yang diinginkan
3. Membuat file dan folder pengaturan template yang diantarnya adalah:
a) template.xml
Adalah file yang berisi tampilan dari dialog template layar yang dibuat.
b) resep.xml.ftl
Ini adalah tempat di mana semua file yang bertipe ini akan berubah menjadi file baru dengan ekstensi .java / .xml / .kt, berdasarkan logika yang telah definisikan, dan juga id yang telah ditentukan dalam template.xml.
c) global.xml.ftl
Ini adalah file yang berisi variabel global seperti jalur, paket, dan direktori. Berkas ini bersifat opsional.
d) root/folder
Ini adalah tempat di mana semua file yang berisi kode template yang dibuat akan disimpan.
4. Membuat template sesuai dengan standarisasi penulisan
Proses pembuatan template ini memang terlihat sangat rumit bagi yang belum pernah membuat sebelumnya dikarenakan harus mempelajari bahasa baru yaitu struktur bahasa pembuatan template, kode program yang dibuat harus ditelusuri ulang untuk diperiksa apakah menggunakan parameter yang nantinya akan dirubah, atau apakah kode tersebut bersifat statis. Selain itu  sebelum  membuat  template  program  harus  dibuat  sebelumnya  lalu  diterjemahkan  dalam  dalam  bentuk  template  yang perlu  penyesuaian  sehingga  tingkat  kerumitan  meningkat.  Akan  tetapi,  semua  kesulitan  itu  akan  membuat  proses implementasi  menjadi  sangat  mudah,  hanya  cukup  memasukan  parameter  saja  tanpa  harus  melihat  kode  program  dan
langsung bisa dijalankan seperti pada Gambar 3 . Dengan adanya standarisasi penulisan template ini banyak bermunculan template yang bisa langsung digunakan ada yang berbayar dan ada pula yang gratis. Dengan tanpa memikirkan kesulitan pembuatan template, pembuatan program akan menjadi sangat mudah dengan menerapkan template yang didapatkan. Pada Android Studio Arctic Fox fungsi ini tidak ada sehingga penulis mengusulkan cara lama pembuatan template yaitu dengan menyalin proyek yang dibuat dan mengganti parameter sesuai dengan arahan dukumentasi template. Cara ini didukung di seluruh versi Android Studio.
Pada  tulisan  ini,  penulis  membagi  template  menjadi  dua  bagian  utama.  Bagian  pertama  adalah  bagian  pengaturan  yang bersifat statis dimana setiap website yang akan menerapkan template WebView akan memiliki pengaturan yang sama. Bagian kedua adalah bagian yang bersifat dinamis, bagian ini biasanya akan dijadikan parameter jika dibuat menggunakan teknik [10]. Bagian dinamis dikodekan dalam satu kelompok statement sehingga proses penyesuaian nantinya menjadi lebih mudah, tidak perlu mencari di banyak file, cukup di file aktifias utama pada bagian inisialisasi variabel. Template yang dibuat oleh penulis juga akan menyesuaikan dengan cara pembuatan template yang lama sehingga ketika template sudah kembali bisa digunakan maka cukup merubah struktur kode pada template pada bagian dinamis. Sehingga proses penyesuaian nantinya tidak perlu memerika seluruh kode program yang ada , cukup memeriksa bagian dinamis saja.

## 3.3.1 Template Statis
Pada bagian ini penulis membuat fungsi-fungsi untuk permasalahan yang bersifat general yang bisa diimplementasikan di setiap website yang menerapkan template WebView ini. Bagian ini bersifat statis yang artinya tidak diperlukan penyesuaian untuk apapun website yang diterapkan. Bagian ini juga tidak perlu pemeriksaan variabel ketika dijadikan template seperti pada [10].  Fungsi-fungsi yang besifat statis diantaranya adalah:
a. Fungsi menghilangkan bar aksi
Fungsi ini menghilangkan blok biru paling atas pada  Gambar 2. Penghapusan dilakukan dengan menyembunyikan bar aksi menggunakan statement pada Gambar 4. Statement dibuat di dalam fungsi “onCreate”.
Gambar 3. Contoh implementasi template [10]

## Gambar 4. Kode program fungsi menghilangkan bar aksi
b. Fungsi mengaktifkan tombol kembali
Fungsi ini bertujuan agan tombol kembali tidak langsung menutup aplikasi melainkan kembali ke aktivitas sebelumnya seperti yang ditulis pada Gambar 5. Fungsi ini ditulis didalam kelas “MainActivity”.
Gambar 5. Kode program mengaktifkan tombol kembali
c. Fungsi memperbesar dan memperkecil tampilan
Fungsi ini mengaktifkan gesture dua jari pada layar sehingga konten dari layar bisa diperbesar maupun diperkecil. Fungsi ini dibuat menggunakan statement pada Gambar 6 yang diterapkan pada fungsi “onCreate”.

## Gambar 6. Kode program memperbesar dan memperkecil tampilan
d. Fungsi mengaktifkan javascript Untuk mengaktifkan javascript digunakan statement seperti Gambar 7 yang diterapkan pada fungsi “onCreate”.

## Gambar 7. Kode program mengaktifkan javascript

## 3.3.2 Template Dinamis
Berbeda  dengan  penulisan  template  statis  yang  kode  programnya  dikelompokan  dan  ditulis  secara  satu  kesatuan,  untuk template dinamis penulisan dibagi kedalam 3 bagian. Dibuat kedalam tiga bagian untuk memudahkan perubahan data ketika menerapkan template. Adapun ketiga bagian tersebut adalah: Bagian pertama yaitu deklarasi variabel yang akan digunakan sebagai parameter yang berubah untuk setiap website. Bagian kedua adalah inisialisasi variabel yaitu pemberian nilai pada variabel sesuai dengan parameter data yang terdapat pada website yang akan dijadikan aplikasi. Penulisan bagian kedua bisa dilihat  pada  Gambar  8.  Bagian  ketiga  adalah  penggunaan  dari  variabel  tersebut  yang  digunakan  untuk  menyelesaikan permasalahan yang dihadapi yang diantaranya adalah:
a. Pengaturan nama domain website
Fungsi ini menggunakan variabel “urlApp” pada Gambar 8, diterapkan dalam fungsi “onCreate” dengan pemanggilan statement “webView.loadUrl(urlApp)”.

## Gambar 8. Kode program inisialisasi variabel parameter dinamis
b. Fungsi pemanggilan aplikasi atau website lain
Agar terlihat sebagai aplikasi native, pemanggilan link website sebaiknya memanggil aplikasi penjelajah. Selain itu fungsi ini bisa digunakan untuk memanggil aplikasi lain seperti aplikasi chatting, marketplace, sosial media, dan lain sebagainya. Untuk memanggil aplikasi lain, link website atau link apliaksi tersebut di daftarkan dalam variabel linkApp pada Gambar 8. Kemudian dibuat fungsi untuk memvalidasi link sesuai dengan daftar link yang dimuat. Setiap url kemudian divalidasi menggunakan  fungsi  pada  Gambar  9.  Jika  hasil  validasi  menghasilkan  nilai  “true”  maka  panggil  aplikasi  lain menggunakan “Intent” pada fungsi “onCreate” seperti pada Gambar 10.
Gambar 9. Kode program validasi url
c. Fungsi notifikasi
Untuk memunculkan notifikasi pada panel notifikasi android bisa menggunakan FireBase yang mengkases database yang digunakan  pada  website  tersebut.  Untuk  itu  perlu  penyesuaian  database  maupun  kode  program  website  yang  ingin dijadikan aplikasi. Pada tulisan ini penulis hanya berfokus membuat template tanpa harus mengubah website terkait. Oleh karena itu pada tulisan ini, fungsi pemanggilan notifikasi belum diimplementasikan.

## 3.4 Implementasi WebView
Untuk menggunakan template WebView yang dibuat pada tulisan ini, pengguna harus mengunduh file pada tautan yang ada pada https://dimasrbd.wordpress.com/2021/12/20/rbd-webview-template/ .  Setelah  itu  mengsektraknya.  Lalu  lakukan perubahan nama project sesuai keinginan dengan langkah pada [11]. Secara singkat langkahnya adalah sebagai berikut: 1. Salin isi folder projectnya dan paste di folder lain dengan nama project yang baru.
2. Import Projectnya di Android Studio dengan File > New > Import Project. Pilih lokasi project. Klik icon gear dan klik “Compact Empty Middle Packages” untuk menghilangkan tanda centang.
3. Kemudian rename folder package yang mau diganti dengan klik kanan > refactor > rename, pilih “Rename Package”, ganti  namanya  >  refactor,  lalu  akan  muncul  peringatan  di  bawah.  Pilih  “Do  refactor”,  maka  aplikasi  akan  otomatis mengubah semua yang terhubung ke package itu.
4. Mengganti application id di build.gradle (app).

## Gambar 10. Kode program pemanggilan aplikasi lain
Setelah selesai mengubah nama projek dan package, buka file MainActivity lalu ubah isi data variabel  pada Gambar 8 sesuai  dengan  parameter  data  website  yang  dijadikan  aplikasi  seperti  pada  Gambar  11  untuk  studi  kasus “dagangrumah.com”. Pada kasus tersebut terdapat link pemanggilan aplikasi Telegram dan Whatsapp. Pada tahap ini program sudah bisa dijalankan atau dibentuk aplikasinya, namun untuk membedakan aplikasi yang dibuat, rubah icon
sesuai  dengan  program  yang  dibuat.  Mengubah  icon  dilakukan  dengan  cara  menyalin  icon  ke  folder  “res/drawable” seperti pada Gambar 12.
Gambar 11. Kode program inisialisasi yang dirubah
.
Gambar 12. File icon aplikasi
Gambar 13. Hasil bentukan aplikasi
Langkah  terakhir,  mengubah  isi  file  “ic_launcher.xml”  pada  folder  “res/mipmap/ic_launcher”  dan  mengubah “ic_launcher_foreground” menjadi “icon”. Setelah program dibangun, hasil icon aplikasi yang dibuat dapat dilihat pada Gambar 13.

## 4. KESIMPULAN
Proses pembuatan serta penggunaan template WebView pada Android Studio Arctic Fox dengan versi sebelumnya sangatlah berbeda. Ini dikarenakan pada versi sebelumnya ada standarisasi penulisan sehingga dari pembahasan pada tulisan ini dapat disimpulkan bahwa: Pembuatan template pada Android Studio Arctic Fox yang dilakukan penulis lebih mudah dibandingkan pembuatan  template  Android  Studio  versi  sebelumnya  yang  dilakukan  pada  [10].  Proses  yang  dilakukan  penulis  hanya membuat aplikasi android dan memisahkan bagian-bagian yang harus diubah sesuai dengan website yang dijadikan aplikasi android. Ketika standarisasi penulisan terjadi di versi terbaru nantinya bentuk ini bisa diadaptasi hanya dengan membuat variabel parameter pada bagian yang berubah. Proses implementasi template pada Android Studio Arctic Fox lebih rumit dibandingakan  implementasi  template  pada  Android  Studio  versi  sebelumnya  yang  cukup  memasukan  parameter  dan mengganti logo saja. Pada Android Studio Arctic Fox, penerapan template dilakukan dengan tiga langkah yaitu: merubah nama  proyek,  mengganti  isi  variabel  sesuai  parameter  data  website  terkait,  dan  mengganti  logo.  Dengan  menggunakan WebView  template,  proses  pembelajaran  serta  pembuatan  aplikasi  dari  website  menjadi  sangat  mudah.  Pembaca  dapat mempelajari  kode  program  dan  sturktur  program  pada  template,  dikarenakan  kode  program  terlihat  dan  memiliki dokumentasi yang jelas. Pembuatan aplikasi pun menjadi sangat mudah, programer hanya perlu mempelajari konfigurasi template tampa perlu memahami kode program yang ada.

## REFERENCES
[1]   E. R. Yulia, “PERANCANGAN PROGRAM PENJUALAN PERHIASAN EMAS PADA TOKO MAS DAN PERMATA RENNY MEDAN,” Jurnal Evolusi, vol. 5, no. 2, pp. 27-34, 2017.
[2]   D. Akopian, A. Melkonyan dan S. C. Golgani, “A Template-Based Short Course Concept on Android Application Development,” Journal of Information Technology Education: Innovations in Practice, vol. 12, pp. 13-28, 2013.
[3]   A. Labrinidis dan N. D. Roussopoulos, “WebView materialization,” ACM SIGMOD Record, vol. 29, no. 2, pp. 367-378, 2000.
[4]   T. Luo, H. Hao, W. Du, Y. Wang dan H. Yin, “Attacks on WebView in the Android system,” dalam ACSAC '11: Annual Computer Security Applications Conference, Florida, 2011.
[5]   A. Cockburn, S. Greenber, B. M. M. Jasonsmith dan S. Kaasten, “WebView: A Graphical Aid for Revisiting Web Pages,” dalam OZCHI'99 Australian Conference on Human Computer Interaction, Wagga Australia, 1999.
[6]   S. Al-Imamy, J. Alizadeh dan M. A. Nour, “On the Development of a Programming Teaching,” Journal of Information Technology Education, vol. 5, pp. 271-283, 2006.
[7]   T. Yuen dan M. Liu, “A cognitive model of how interactive multimedia,authoring facilitates conceptual understanding of object- Oriented programming in novices,” Journal of Interactive Learning Research, vol. 22, pp. 329-356, 2011.
[8]   P. K. Schank, M. C. Linn dan M. J. Clancy, “Supporting Pascal programming with an on-line template library and case studies,” International Journal of Man-Machine Studies, vol. 38, no. 6, pp. 1031-1048, 1993.
[9]   R. Setiawan, “Apa Itu Prototype? Kenapa Itu Penting?,” 11 8 2021. [Online]. Available: https://www.dicoding.com/blog/apa-itu- prototype-kenapa-itu-penting/. [Diakses 30 10 2021].
[10]   A.  Kurniawan,  “Tutorial  —  Create  Your  Own  Template  for  Android  Studio,”  30  1  2019.  [Online].  Available: https://medium.com/gits-apps-insight/tutorial-create-your-own-template-for-android-studio-1aaa9b4cb18. [Diakses 30 10 2021].
[11]   A. A. Faizin, “Cara  Mengganti  Nama  Package  di  Android  Studio,”  7  12  2017.  [Online].  Available: https://medium.com/easyread/cara-mengganti-nama-package-di-android-studio-dd7ae1f9fe8d. [Diakses 30 10 2021].