Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware
Salah satu aplikasi builder APK terbaik yang bisa kita gunakan melalui hp saja adalah Sketchware. Skate suara bisa kita gunakan untuk membuat aplikasi android dengan sangat mudah tanpa perlu adanya komputer, PC sekalipun.
Fitur yang dihadirkan sendiri terbilang lengkap, ada juga untuk menambah iklan Admob pada aplikasi yang kita buat
Di sini yang diperlukan untuk membuat aplikasi adalah menggunakan Hp, dan tentunya kita perlu menginstal aplikasi Sketchware pada Hp Android.
Selain itu kita juga bisa menjadikan blog ataupun situs web yang kalian miliki dalam bentuk versi apk, dengan menggunakan aplikasi Sketchware ini juga. Untuk pembuatannya sendiri sangatlah mudah, bahkan bisa dilakukan untuk pemula sekalipun, yang belum pernah menggunakannya.
Sebab untuk membuatnya, hanya diperlukan dalam beberapa langkah saja, seperti yang akan kami ulas pada artikel kali ini.
Nah pada kesempatan kali ini, kami akan membagikan tutorial kepada teman-teman cara membuat aplikasi webview di Android dan menjadikan blog atau website dalam versi Apk dengan mudah, dengan menggunakan Sketchware.
Baik, langsung saja teman-teman dapat simak tutorialnya sebagai berikut.
Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware
Sebelum kita lanjut pada tutorialnya, tentu saja yang perlu disiapkan adalah aplikasi Sketchware yang perlu kalian instal di Hp kalian. Untuk aplikasinya bisa di-download melalui Google Play Store atau bisa klik disini. Oke, apabila bahan yang diperlukan sudah siap, langsung saja berikut ini langkah-langkah nya.
2. Cara membuat aplikasi baru, kita tap pada ikon tambah dengan tulisan "Create A New Project"
3. Pada langkah ini, silakan teman-teman tambahkan logo aplikasi, nama aplikasi, dan setelan yang lain. Berikut ini penjelasannya.
- Tap pada ikon Android untuk menambahkan logo aplikasi baru yang akan kalian buat.
- Pada kolom Enter application name untuk menginput nama aplikasi.
- Tekan Advanced Settings untuk mengatur beberapa setelan yang lain, diantaranya:
- Untuk mengatur warna pada aplikasi.
- Pada kolom Package name, silahkan isi dengan nama paket. Terserah namanya bagaimana. Namun untuk ketentuan penulisannya, diantara kata perlu ditambahkan (.) Titik. Contohnya com.my.blog.davarpedia
- Pada menu terakhir isi dengan versi aplikasi yang akan digunakan.
Apabila pada informasi aplikasi sudah teman-teman isi semua, selanjutnya tap pada opsi Create Apps.
4. Selanjutnya pada halaman ini merupakan tahap pembuatan aplikasi. Ada banyak sekali menu dari komponen yang bisa kita gunakan. Untuk membuat aplikasi webview, langkah pertama tetal pada kolom VIEW, lalu seret pada komponen "Webview" yang terletak pada bagian kiri layar pada bagian Widget ke bagian dalam layar Hp. Sehingga akan menjadi seperti ini.
5. Setelah itu kita pindah pada tab EVENT. Lalu kita pilih "onCreate". Maka akan masuk pada halaman penyesuaian komponen aplikasi.
6. Tap pada ikon puzzle yang terletak pada pojok kanan bawah untuk menambah komponen baru. Kemudian pindah pada menu View berwarna biru tua.
7. Apabila sudah kalian klik, silahkan gulir kebawah dan temukan komponen "WebView: LoadURL". Kemudian seret komponen tersebut kebagian atas dan gabungkan dengan bagian yang sudah ada. Sehingga tampilannya akan menjadi seperti ini.
8. Selanjutnya apabila sudah kalian tambahkan komponen tadi, lalu tap pada ikon segitiga kebawah, kemudian pilih "WebView : webview1", lalu pilih Select. Setelah itu tap pada ikon persegi panjang berwarna putih yang masih kosong pada komponen tadi, kemudian masukkan alamat url situs web yang akan ditambahkan sebagai tujuan ketika aplikasi dibuka nantinya. Jika sudah pilih opsi Save.
9. Kemudian kita kembali dari halaman ini, selanjutnya untuk menyesuaikan tampilan pada aplikasi, tap pada ikon segitiga yang bertuliskan main.xml pada bagian bawah >> Tap pada ikon layar yang terdapat pensil. Pada halaman ini kita bisa menyesuaikan dan mengatur tampilannya mulai dari pilihan untuk menampilkan Status bar, Toolbar, Drawer, FAB, pengaturan orientasi layar dan keyboard. Nah silahkan sesuaikan dengan selera ya!. SAVE untuk menyimpan perubahan.
Contohnya untuk saya sendiri akan menonaktifkan toolbar, sehingga hanya ditampilkan status bar dan tampilan blog saja pada saat aplikasi dibuka. Sebab toolbar berisi nama aplikasi, sehingga apabila diaktifkan akan mengurangi tampilan situs web pada layar Hp, supaya lebih luas. Apabila penyesuaian sudah selesai, tap pada opsi Save.
Contohnya untuk saya sendiri akan menonaktifkan toolbar, sehingga hanya ditampilkan status bar dan tampilan blog saja pada saat aplikasi dibuka. Sebab toolbar berisi nama aplikasi, sehingga apabila diaktifkan akan mengurangi tampilan situs web pada layar Hp, supaya lebih luas. Apabila penyesuaian sudah selesai, tap pada opsi Save.
10. Setelah itu jika semua sudah siap untuk dijadikan aplikasi Android, selanjutnya kita ekspor menjadi file Apk. Caranya tap pada tulisan "Run", yang terletak pada bagian pojok kanan bawah. Selanjutnya kita tunggu proses nya selesai.
11. Apabila sudah berhasil, terakhir kalian bisa memasang aplikasi nya seperti biasa. Maka hasilnya akan seperti ini pada aplikasi yang sudah saya buat tadi.
12. Selesai, kita sudah berhasil untuk membuat aplikasi webview dan menjadikan blog atau situs web yang kita miliki dalam versi Apk. Kemudian teman-teman bisa membuka aplikasi yang sudah kalian buat, bisa juga membagikannya ke teman-mu, ataupun menguploadnya di Google Play Store.
Catatan: Sebenarnya aplikasi yang kita buat ini masih ditingkat dasar ya! Sehingga masih sederhana. Nah apabila ingin menjadikan aplikasi yang kita buat menjadi lebih baik lagi, dan dilengkapi dengan fitur-fitur yang memudahkan dalam pengoperasian nya, teman-teman bisa menyesuaikan dan menambahkan sendiri. Apabila kurang paham, Insyaallah kami akan mengupdate tutorial penggunaan Sketchware dan penambahan fitur-fitur pada aplikasi webview ini kedepannya melalui blog ini. Sehingga jangan lupa untuk mengunjungi blog ini secara berkala, untuk mengecek agar ketika kami membuat artikel baru tentang tutorial Sketchware pada blog ini, teman-teman bisa langsung mengetahuinya dan bisa mempraktekkan nya sendiri di rumah.
Untuk contoh hasilnya, teman-teman bisa instal aplikasi blog yang sudah saya buat dengan menggunakan Sketchware ini melalui link berikut. (KLIK LINK INI UNTUK MENGINSTAL APK BLOG DAVARPEDIA).
Baik mungkin cukup sampai disini pembahasan mengenai tutorial cara membuat aplikasi webview dengan menggunakan Sketchware. Apabila ada hal yang belum jelas ataupun ada hal yang ingin ditanyakan silahkan tema-teman bisa sampaikan melalui kolom komentar dibawah ini. Jika masih kurang paham, teman-teman bisa menyimak video tutorial yang sudah kami buat berikut ini.
Sekian dan terimakasih.
Keren gan, sangat mudah tenyata ya membuat web/blog kita menjadi apk.
BalasHapusTernyata mudak juga ya buat web view untuk blog kita ini,tp bisa d permanenin ga ya dan d upload Playstore ?
BalasHapusBisa kok gan tenang aja 👍
HapusMakasih mas, tutorialnya lngkp banget dan jelas
BalasHapusOk, mudah kayaknya. Patut di coba .mksh ya
BalasHapustutorialnya sangat bermanfaat sekali mas, terimakasih banyak infonya
BalasHapusternyata semudah itu gak mesti ribet belajar pemerograman dong ya gan? kalo udah jadi bisa di daftarin di google admob gak gan?
BalasHapusTentu bisa mas, karena pada sketchware dibekali fitur penambahan iklan Admob. Namun sepertinya apabila Adsense disandingkan Admob memicu dibanned gan😅
HapusNanti saya coba deh gan, pengen banget bikin aplikasi android buat blog saya. Trims infonya.
BalasHapusApakah setiap kita posting artikel di blog otomatis terposting artikel tersebut di aplikasi apk gan?
BalasHapusIya sama gan, sama persis dengan tampilan pada blog
Hapussepertinya menarik mas david, jadi kepengen nih mas nih :)
BalasHapusWah keren jadi bisa buat app sendiri yaaa.. makasih gan infonyaa!
BalasHapusPernah denger kalo web bisa dijadikan aplikasi gitu. Cuman ya saya rada bingung, masa sih bisa. Dan katanya mudah banget. Pas baca tutorial ini, ya emang mudah sih. Pengenlah coba, duh kok saya merasa keren kalo punya webview app wkwk
BalasHapusWork gan, sayaa nyoba berhasil buat web saya.
BalasHapus