Header Ads Widget

Responsive Advertisement

Membuat Layout Bergelombang | Make some waves kodular, Thunkable, Mit app Inventor, Appybuilder

 

Gambar 1 : Membuat Layout Bergelombang | Make some waves kodular

Materi kita pada pertemuan kali ini adalah membuat layout yang kita buat menjadi bergelombang, yaitu dengan cara menggunakan extensions SVGImages.AIX, extensions ini sangan mudah di praktekan di dalam menyusun block koding nya.

Adapun tutorialnya adalah sebagai berikut:

Apa sajakah yang harus di siapkan di dalam pembuatan aplikasi kali ini yg pertama tentunya extensions yang saya sebutkan diatas, nah untuk mendapatkan extensions diatas bisa kalian download di Menu AIA/AIX.

Sebelum lanjut ke langkah selanjutnya silahkan susun komponen semenarik mungkin, jika perlu gunakan decoration untuk design textbox seperti pada gambar berikut ini:



Setelah menyusun komponen selesai, kita beralih ke tab baru dan klik Link berikut https://getwaves.io/

Silahkan atur layout sesuai keinginan kalian, setelah diatur klik tanda panah kebawah dan copy SVG Code ke block kode di kodukar seperti pada gambar dibaah ini



berikut ini adalah hasil design layout bergelombang yang sudah kita buat
Gambar 1 : Membuat Layout Bergelombang | Make some waves kodular

Gambar 2:Membuat Layout Bergelombang | Make some waves kodular

Terimakasih sudah mampir di postingan saya, jika postingan ini bermanfaat silahkan share sebanyak banyaknya ya guys, Thank you


Post a Comment

0 Comments