Membuat Aplikasi Android WebView tanpa Coding Part 2: Menampilkan Web

Membuat Aplikasi Android WebView tanpa Coding Part 2: Menampilkan Web - Selamat datang di codekami. Pada artikel kali ini kita akan melanjutkan cara membuat aplikasi web view tanpa ngoding. Di artikel sebelumnya kita sudah berhasil membuat splash screen, untuk temen-temen yang belum mengikuti silahkan klik Membuat aplikasi android web view part1.

Cara Menampilkan Web 

Kali ini kita akan menampilkan halaman web kita kedalam aplikasi yang kita buat. Sebelumnya kita sudah sampai sini:

Kemudian klik Add Screen seperti petunjuk diatas. Kasih nama Screen2, tampilanya akan seperti ini:


Kembali ke Screen1, kemudiaan tambahkan pada blocks nya seperti ini:

Langkah selanjutnya, setting Screen2 dengan ubah Vertikal align dan Horizontal Align ke Center semua dan hilangkan ceklis pada Title Visible. Setelah dihilangkan ceklisnya nanti Screen title nya akan hilang. Langkah berikutnya cari Web Viewer pada sidebar dikiri. kemudian letakkan pada layar hp nya. Kemudian tampilanya akan seperti ini:

Hilangkan checklis pada Zoom Display, Zoom Enable dan Scrollbar. Kemudian masukkan url web teman-teman hingga seperti ini:

Langkah terakhir untuk manempilkan blognya adalah setting di bagian blocks di sisi kanan pojok atas. Kemudian buat seperti ini:

 

 

Hingga membentuk seperti ini:

Masukkan url kalian pada text. Dengan ini kita sudah berhasil membuat web view + splash screen nya. Agar bisa diinstall di smartphon temen-temen, kalian harus export dulu. Dengan cara klik export pada navbar atas, kemudian pilih Save .apk to my Computer. Nanti akan ada proses build sebentar setelah selesai akan otomatis terdownload ke komputer temen-temen. Aplikasi sudah siap di install, coba teman-teman install smartphone temen-temen. 

Untuk hasil dari saya seperti ini:

      

Kalau ada yang masih bingung dengan tutorial diatas silahkan bertanya dikolom komentar. Cukup sekian untuk tutorial kali ini. Semoga bermanfaat, terima kasih.

Share this post