Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware

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.

Bisa dibilang, aplikasi Sketchware ini bisa kita gunakan untuk membuat aplikasi di Android dengan mudah, tanpa perlu  menguasai ilmu pemrograman atau mengerti coding. Karena disini kita hanya perlu menyusun komponen-komponen yang telah disediakan pada aplikasi Sketchware didalamnya.

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.

1. Apabila Sketchware sudah terinstal pada Hp Android kalian, kemudian buka aplikasi tersebut.
Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware
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:
    Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware
  • 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.
Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware

5. Setelah itu kita pindah pada tab EVENT. Lalu kita pilih "onCreate". Maka akan masuk pada halaman penyesuaian komponen aplikasi.
Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware

6. Tap pada ikon puzzle yang terletak pada pojok kanan bawah untuk menambah komponen baru. Kemudian pindah pada menu View berwarna biru tua.
Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware

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.
cara menjadikan blog atau website kedalam versi apk menggunakan sketchware

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.
cara menjadikan blog atau website kedalam versi apk menggunakan sketchware
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.
cara menjadikan blog atau website kedalam versi apk menggunakan sketchware

11. Apabila sudah berhasil, terakhir kalian bisa memasang aplikasi nya seperti biasa. Maka hasilnya akan seperti ini pada aplikasi yang sudah saya buat tadi.
cara menjadikan blog atau website kedalam versi apk menggunakan sketchware

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.
David Ardianto
David Ardianto Senang berbagi ilmu pengetahuan kepada sesama, khususnya seputar games, tips & trik, gadget, teknologi, serta otomotif. Dan berharap ridho dari Allah

15 komentar untuk "Tutorial Cara Membuat Aplikasi Webview di Android Menggunakan Sketchware"

  1. Keren gan, sangat mudah tenyata ya membuat web/blog kita menjadi apk.

    BalasHapus
  2. Ternyata mudak juga ya buat web view untuk blog kita ini,tp bisa d permanenin ga ya dan d upload Playstore ?

    BalasHapus
  3. Makasih mas, tutorialnya lngkp banget dan jelas

    BalasHapus
  4. Ok, mudah kayaknya. Patut di coba .mksh ya

    BalasHapus
  5. tutorialnya sangat bermanfaat sekali mas, terimakasih banyak infonya

    BalasHapus
  6. ternyata semudah itu gak mesti ribet belajar pemerograman dong ya gan? kalo udah jadi bisa di daftarin di google admob gak gan?

    BalasHapus
    Balasan
    1. Tentu bisa mas, karena pada sketchware dibekali fitur penambahan iklan Admob. Namun sepertinya apabila Adsense disandingkan Admob memicu dibanned gan😅

      Hapus
  7. Nanti saya coba deh gan, pengen banget bikin aplikasi android buat blog saya. Trims infonya.

    BalasHapus
  8. Apakah setiap kita posting artikel di blog otomatis terposting artikel tersebut di aplikasi apk gan?

    BalasHapus
    Balasan
    1. Iya sama gan, sama persis dengan tampilan pada blog

      Hapus
  9. sepertinya menarik mas david, jadi kepengen nih mas nih :)

    BalasHapus
  10. Wah keren jadi bisa buat app sendiri yaaa.. makasih gan infonyaa!

    BalasHapus
  11. Pernah 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

    BalasHapus
  12. Work gan, sayaa nyoba berhasil buat web saya.

    BalasHapus

Silahkan bebas berkomentar, asalkan sopan dan tidak spam