Pengertian Visual Blocks Programming

ShopanSoft.com | Definisi | Pengertian Visual Blocks Programming

Halo, Android lovers. Bagaimana kabar Anda hari ini? Semoga sehat selalu dan bahagia ya. Aamiin. Kali ini saya akan membahas sebuah konsep di App Inventor 2 yang cukup penting untuk kita pelajari. Apakah itu?  Yups, visual blocks programming. Mungkin Anda baru mendengar istilah ini dan masih sangat asing di telinga Anda. Oke, ga masalah, karena memang istilah ini masih sangat jarang dibahas. Di tulisan ini, saya akan menjelaskan istilah tersebut dengan disertai contohnya. Sehingga diharapkan Anda bisa langsung memahaminya. Selamat menyimak!

Pengertian Visual Blocks Programming

Visual blocks programming (VBP) merupakan pemrograman komputer yang berbasis visual (gambar) menggunakan blok-blok kode program. Pengkodean program dilakukan dengan cara drag & drop (geser dan lepaskan) blok-blok kode program ke dalam Blocks Editor. Kemudian Anda menyusun blok-blok kode program tersebut sesuai dengan alur program yang Anda kehendaki. Cara menyusun blok-blok kode program tersebut dilakukan seperti halnya ketika Anda menyusun puzzle (teka-teki). Blok-blok kode program lebih mudah dipahami daripada kode program tradisional (coding berbasis teks). Bahkan bagi mereka yang sama sekali belum pernah bersentuhan dengan dunia pemrograman.

Berbasis Drag & Drop

Pada pemrograman tradisional, Anda diharuskan menuliskan sintaks kode-kode program konvensional sesuai dengan karakter dan ciri khas bahasa pemrograman tertentu. Di App Inventor Anda tidak perlu lagi menuliskan sintaks kode-kode program tersebut. Benar, tidak perlu sama sekali. Anda cukup melakukan drag & drop blok-blok kode program ke dalam Blocks Editor dan menyusunnya seperti halnya ketika Anda bermain puzzle. Sungguh mudah dan mengasyikkan bukan? Berikut ini contoh blok-blok kode program sederhana yang telah disusun seperti susunan puzzle.

Pengertian Visual Blocks Programming

Blok-blok kode program tersebut artinya setelah user mengklik / menekan tombol Button1, maka tulisan di Label1 diisi dengan tulisan yang terdapat di Texbox1. Susunan kode program tersebut terdiri dari tiga blok, yaitu blok when Button1.Click do, set Label1.Text to, dan TextBox1.Text. Blok-blok kode program tersebut di App Inventor 2 secara berturut-turut terdapat pada komponen Button1, Label1, dan TexBox1.

Diperlukan Kemampuan Logika yang Baik

Setiap komponen memiliki sekumpulan blok kode program yang masing-masing blok memiliki fungsi tersendiri. Anda tinggal menambahkan blok-blok tersebut sesuai dengan kebutuhan dan menyusunnya sesuai dengan algoritma pemrograman yang Anda rancang. Dalam penyusunan blok-blok kode program tersebut dibutuhkan kemampuan logika yang baik. Semakin sering Anda belajar dan berlatih membuat aplikasi di App Inventor 2, maka logika berpikir Anda akan semakin baik dan tajam.

Baiklah, sobat ShopanSoft.com, itulah seluk-beluk tentang “Pengertian Visual Blocks Programming”. Semoga materi yang singkat ini bermanfaat dan menambah wawasan baru bagi Anda. Di artikel selanjutnya saya akan membahas tentang “Kelebihan App Inventor 2”. Ditunggu ya, jangan sampai terlewatkan. Sampai jumpa di artikel selanjutnya. Thank You.

=================================================

NB : Jika Anda tertarik dan berminat lebih jauh terkait pengembangan aplikasi Android menggunakan tools App Inventor 2, saya sangat menyarankan Anda untuk belajar lebih terstruktur dan sistematis melalui ebook panduan App Inventor berikut ini.

“Bikin Aplikasi Android Ga Harus Coding Jilid #1”

eCover Bikin Aplikasi Android Ga Harus Coding

 

Cek daftar isi selengkapnya DI SINI!

 

 

Leave a Reply