Membuat Aplikasi Website Basis Webview Dengan Thunkable - Webview yaitu salah satu widget yang terdapat di dalam Thunkable. Widget ini berfungsi untuk menyisipkan situs web baik online maupun offline (lokal). Jadi, anda sanggup menciptakan website berbasis Aplikasi android dengan menyisipkan link / URL situs website kau ke dalam aplikasi webview tersebut.
Ini cocok bagi kau yang ingin menciptakan aplikasi website berbasis Aplikasi android sederhana tanpa coding sehingga menjadi mudah. Apalagi website kau itu hasil dari karyamu. Kamu juga sanggup menciptakan aplikasi game dengan memakai HTML5, CSS sebagai desain, dan JavaScript sebagai penentu kebijaksanaan game baik secara online maupun lokal (offline).
Kamu tidak perlu konversi hasil website buatan kau dengan Cordova.
Ini cocok bagi kau yang ingin menciptakan aplikasi website berbasis Aplikasi android sederhana tanpa coding sehingga menjadi mudah. Apalagi website kau itu hasil dari karyamu. Kamu juga sanggup menciptakan aplikasi game dengan memakai HTML5, CSS sebagai desain, dan JavaScript sebagai penentu kebijaksanaan game baik secara online maupun lokal (offline).
Kamu tidak perlu konversi hasil website buatan kau dengan Cordova.
Disini, saya akan menawarkan tutorial menciptakan website berbasis Aplikasi android sederhana dengan Webview dari Thunkable.
Langkah-Langkah :
1. Buka browser di komputer atau laptop kamu.
1. Buka browser di komputer atau laptop kamu.
2. Ketikkan thunkable.com pada address bar. Tunggu hingga halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki susukan project Thunkable.
Klik Sign In. . kemudian masuk dengan akun Gmail kamu. Tunggu beberapa dikala hingga redirect ke homepage. Lihat gambar di bawah ini.
 |
| Tampilan Dashboard pada Thunkable |
4. Klik Create New App untuk menciptakan project baru. Kemudian, nama judul project sesuai dengan impian anda. Misalkan, nama judul project yaitu "webapp1". Klik OK.
 |
| Tampilan Pembuatan Project App |
5. Tunggu beberapa dikala hingga tampilan dashboard pada project tersebut itu muncul. Silahkan lakukan scrolling ke bawah pada bagian Properties sampai ketemu opsi Title untuk mengubah judul Screen. Silahkan ubahlah nama judul Screen sesuai keinginan. Tekan Enter.
 |
| Tampilan pada Pengubahan Judul Screen |
6. Masuki bagian Pallete, carilah widget Web Viewer untuk memasukkan link situs website tadi. Klik tahan pada Web Viewer kemudian tarik ke layar Screen.
 |
| Tampilan pada Penambahan Widget Webview |
7. Silahkan klik widget Web_Viewer1 dan memasuki ke bagian Properties untuk mencari opsi Home URL. Opsi ini berfungsi untuk mengisi link situs website yang kau tampilkan. Anda masukkan nama link situs website anda ke dalam kolom opsi tersebut. Usahakan diawali dengan "http://(nama situs website anda)" sebagai homepage.
 |
| Tampilan Pengisian Link Situs Website |
8. Klik Export >>> App (save .apk to my computer)untuk mengkonversi ke aplikasi Android siap pakai (.apk) dan menyimpan ke dalam komputer. Tunggu beberapa waktu hingga aplikasi tersebut berhasil tersimpan di dalam komputer.
 |
| Tampilan Pengeskporan APK |
9. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa dikala hingga muncul tampilan dashboard emulator tadi.
10. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.
11. Pilihlah file aplikasi (.apk) website mobile yang anda unduh (download) tadi. Klik Open, tunggu beberapa dikala hingga terinstal dan buka aplikasi tersebut di dalam emulator Android.
 |
| Hasil dari Aplikasi Website berbasis Android |
Buat kau yang ingin menciptakan aplikasi webview menyerupai diatas tapi masih resah dengan tutorial nya, kau sanggup download aplikasi webview yang sudah saya bikin di thunkable. aplikasi yang sudah jadi ini sudah terintegrasi dengan arahan iklan admob. Iklan yang saya pasang di apk ini iklan iterstitial sama iklan banner. download apk nya disini.
Kamu sanggup mengganti arahan iklan tersebut memakai aplikasi apk editor pro, sekaligus kau ganti link / URL yang sudah ada di Apk webview ini. Untuk cara pengganitan arahan ID iklan dan link / URL saya akan menawarkan tutorialnya di bawah ini
Cara mengganti arahan iklan dan link / URL pada aplikasi Webview:
1. Pertama kau buka aplikasi Apk Editor Pro, Lalu kita setting pengaturan Apk Editor nya terlebih dahulu dengan cara; klik Setting > Sign APK With > Key Created by APK Editor.2. Seteleh tamat melaksanakan setting apk editor, langkah selanjutnya kau cari apk yang mau kau edit. Jika apk yang akan di edit sudah terinstall sebelumnya klik Select APK from App pada apk editor, tapi kalau apk yang akan di edit belum terinstall kau pilih Select an Apk File. kalau sudah ketemu eksklusif saja pilih apk nya, lebih terang nya lihat gambar di bawah ini
 |
| Edit Apk Webview |
3. Pilih File kemudian klik Smali
 |
| membuka file smali |
4. Ketik keyword GANTI ID BANNER lalu klik search (kaca pembesar)
 |
| Ganti id banner |
 |
| Ganti Id Banner |
 |
| Ganti Id Banner |
Hanya saja beda ketik/penulisan keyword saja. untuk mengganti arahan inter kau tinggal ketik saja keyword GANTI ID INTER adapun untuk cara mengganti link / URL kau tinggal ketik keyword link https://sekode.blogspot.com kemudian ganti URL tersebut dengan URL yang kau inginkan.
 |
| Ganti URL https://sekode.blogspot.com |
 |
| Ganti URL https://sekode.blogspot.com |
 |
| Rebuild APK |
Catatan :
Hati-hati untuk anda yang menciptakan website berbasis Android dengan Webview yang isinya Blogger, Youtube, atau produk Google lainnya, sering terjadi reject app ketika melaksanakan publish aplikasi ke Google Play Store. Usahakan, jangan menyisipkan situs website produk Google menyerupai blogger, youtube, dan lainnya. Apalagi aplikasi webview tersebut ada iklan AdMob, maka dipastikan tidak sedikit pengguna akun AdMob mengalami banned itu termasuk anda sendiri, alasannya anda menyisipkan link situs website produk Google, walaupun konten dari website itu milik anda. Anda masih beruntung apabila ID iklan aplikasi aja yang disable (dihentikan) dari pihak Google Adsense, berarti akun AdMob / AdSense anda masih aman.
Demikianlah tutorial ihwal cara membuat aplikasi website basis webview dengan thunkable. biar artikel ini bermanfaat buat teman-teman semua. terus kembangkan dan gali kreatifitasmu ya hehee. . Terimakasih!
Sumber https://sekode.blogspot.com/Demikianlah tutorial ihwal cara membuat aplikasi website basis webview dengan thunkable. biar artikel ini bermanfaat buat teman-teman semua. terus kembangkan dan gali kreatifitasmu ya hehee. . Terimakasih!