Membuat Aplikasi Android WebView tanpa Coding Part 1: Splash Screen

Membuat Aplikasi Android WebView tanpa Coding Part 1: Splash Screen - Pada artikel kali ini kita akan belajar cara membangun sebuah aplikasi web view pada android tanpa ngoding. Web view sendiri merupakan sebuah aplikasi lebih tepatnya class android yang berfungsi untuk menampilkan halaman web pada sebuah aplikasi android. Nah, kalau biasanya temen-temen membuka suatu web dengan membuka browser, kemudian kita ketik url yang kita tuju. Akan tetapi dengan web view ini kita akan mengubah atau menampilkan halaman web nya menjadi sebuah apk yang bisa kita install di smartphone kita.

Jadi, untuk temen-temen yang punya website mungkin bisa dicoba untuk menampilkan webnya kedalam web view.

Baca juga: tutorial belajar php mulai dari dasar.

Untuk aplikasi yang kita gunakan yaitu kodular.io. Teman-teman gak usah install, kita cukup akses dibrowser saja. Kodular ini adalah sebuah  web yang bisa digunakan untuk membuat aplikasi android tanpa harus ngoding, cukup dengan drag and drop logicnya saja. Silahkan temen-temen masuk ke kodular.io, silahkan klik kodular.io. Nanti tampilanya akan seperti ini:

Setalah terbuka seperti gambar diatas silahkan klik tombol Creat Apps!. Nanti akan disuruh registrasi, silahkan teman-teman registrasi terlebih dahulu. Setelah registrasi nanti akan diarahkan ke halaman seperti ini:

Setelah muncul tampilan seperti ini silahkan klik Create project. Nanti akan disuruh memasukkan nama project dan melakukan konfigurasi sedikit. Disini saya kasih nama projectnya Codekami. Setelah berhasil nanti akan diarahkan ke halaman sini:

Disini kita nanti akan membuat web viewnya dengan tools-tools yang sudah disediakan. Pertama yang akan kita buat disina adalah splash screen. Saat kita buka aplikasi entah game atau yang lain pasti ada yang namanya splash screen ya. Untuk web view yang kita buat nanti juga akan kita kasih splash screen agar lebih tampil menarik. Silahkan ikuti langkah-langkah saya:

Hilangkan ceklis pada title visible, kemudian pada bagian align horizontal dan align fertikal kita ubah keduanya menjadi center. Kemudian langkah kita selanjutnya memberi gambar di tengah screennya, dengan cara klik image pada sidabar di kirinya, kemudian kita drop kedalam layar hp yang ada ditengah. Nanti tampilanya seperti ini:

Kemudian kita upload gambar yang akan kita gunakan. Disina saya menggunakan logo web saya. Setelah berhasil diupload nanti akan muncul seperti ini:

Sesuaikan gambar icon sesuai selera teman-teman. Kemudian tambahkan Circular Progres tepat dibawah gambar dengan cara kita drag ke dalam layar hp nya dan tambahkan juga Clock. Kemudian tampilanya akan seperti ini:

Pada setting clock matikan checklis pada "Timer Always Fires", hal ini bermaksud agar screen tidak mengulang terus dan ubah Timer Interval dari 1000 menjadi 5000, untuk mengubah durasi sreen splash dari 1 detik menjadi 5 detik. Sampai disini kita sudah berhasil untuk membuat halaman interface dari splash screennya. Selanjutnya kita akan membuat logic nya. Silahkan teman-teman klik di bagian Block pada sisi kanan atas. Munculnya akan seperti ini:

Disini kita akan berurusan dengan logic nya. Kemudian scroll ke bawah pada sidebarnya cari Clock1 kemudian masukkan logicnya ke halaman tengahnya. Seperti gambar berikut:

Selanjutnya kita akan menambahkan loginya lagi. Silahkan masuk ke bagian Control, kemudian cari logic "Open another screen screenName" kedalam logicnya clock. dan masuk ke bagian Text dan masukkan logic nya. Sampai bentuknya seperti ini:

Sampai sini kita sudah berhasil membuat spash screen nya. Selanjutnya kita akan membuat halaman web viewnya. Untuk tutorial selanjutnya silahkan klik Membuat aplikasi android web view part2: Menampilkan web. Semoga bermanfaat, terimakasih.

Share this post