Block Programming

Membuat Aplikasi Android Tanpa Coding Menggunakan Kodular

by. Ulpia Nurfajriani

PENJELASAN KOMPONEN-KOMPONEN YANG TERDAPAT DALAM TAMPILAN DESIGN VIEW KODULAR

KOMPONEN USER INTERFACE

User Interface ini digunakan untuk membuat atau menambahkan fitur ke dalam aplikasi Android agar aplikasi tersebut bisa digunakan di dalam HP Android seperti membuat tampilan formulir, pengambilan gambar dari kamera atau galeri, dan sebagainya.

Berikut tentang penjelasan fungsi dari masing-masing komponen pada User Interface :

Button merupakan komponen yang digunakan untuk membuat atau menambahkan button atau tombol ke dalam aplikasi Android.
CheckBox merupakan komponen yang digunakan untuk membuat opsi pilihan dalam bentuk centang.
Circular Progress merupakan komponen yang digunakan untuk menampilkan proses loading dalam bentuk tanda panah yang memutar seperti lingkaran.
Custom Progress merupakan komponen yang digunakan untuk menampilkan proses loading popup yang telah dikustomisasi.
Date Picker merupakan komponen yang digunakan untuk memasukkan tanggal dengan menggunakan sistem kalendar bawaan Android.
Floating Action Button merupakan komponen yang digunakan untuk membuat tombol lingkaran yang berada di pojok kiri-bawah atau kanan-bawah.
Image merupakan komponen yang digunakan untuk menampilkan gambar di dalam aplikasi Android.
Label merupakan komponen yang digunakan untuk membuat teks atau kalimat ke dalam aplikasi.
Linear Progressbar merupakan komponen yang digunakan untuk menampilkan proses loading topup dalam bentuk persentase.
List Picker merupakan komponen yang digunakan untuk membuat satu atau beberapa pilihan opsi di dalamnya yang akan dipilih salah satu opsi tersebut.
Notifier merupkan komponen yang digunakan untuk menampilkan pemberitahuan suatu informasi baik itu secara Toast maupun AlertDialog.
Radio Button merupakan komponen yang digunakan untuk membuat opsi pilihan dalam bentuk lingkaran.
Rating Bar merupakan komponen yang digunakan untuk memberikan penilaian suatu komponen maupun objek dari 5 bintang.
Slider merupakan komponen yang digunakan untuk memberikan volume dengan menggeserkan tangan yang dimulai dari value 0 – 100.
Snackbar merupakan komponen yang digunakan untuk menampilkan pemberitahuan suatu informasi yang muncul dari bagian bawah tampilan aplikasi secara singkat.
Spinner merupakan komponen yang digunakan untuk membuat satu atau beberapa pilihan opsi di dalamnya yang akan dipilih salah satu opsi tersebut seperti ComboBox atau Dropdown.
Spotlight merupakan komponen yang digunakan untuk menambahkan fitur lampu senter ke dalam aplikasi.
State Progress Bar merupakan komponen yang digunakan untuk menampilkan proses loading dalam bentuk step by step.
Switch merupakan komponen yang digunakan untuk membuat dua opsi pilihan yakni on-off yang akan dipilih salah satu opsinya seperti saklar.
Text Box merupakan komponen yang digunakan untuk memasukkan data karakter atau numerik ke dalam kolom teks.
Timer Picker merupakan komponen yang digunakan untuk memasukkan waktu dengan menggunakan sistem waktu bawaan Android.

KOMPONEN LAYOUT

Berikut tentang penjelasan fungsi dari masing-masing komponen pada Layout yang terdiri 4 sub :

1. LAYOUT GENERAL

Layout – General ini merupakan kategori bagian komponen Layout yang berfungsi untuk membuat layout dengan tujuan agar dapat menyisipkan beberapa komponen User Interface ke dalam Layout yang telah ditempatkan. Dengan adanya bagian Layout ini, berharap penempatan beberapa komponen User Interface itu dapat disusun dengan rapi pada tampilan UI aplikasi.

Card View merupakan komponen yang berfungsi untuk menambahkan layout dalam bentuk kartu agar bisa dimasukkan oleh beberapa komponen User Interface ke dalam layout tersebut dengan sesuka hati.
Grid View merupakan komponen yang berfungsi untuk menambahkan layout dalam bentuk grid agar bisa dimasukkan oleh beberapa komponen User Interface ke dalam layout tersebut secara merata yang berdasarkan banyaknya Grid.
Horizontal Arrangement merupakan komponen yang berfungsi untuk menambahkan layout sederhana dengan mengandalkan posisi horizontal (kiri-kanan) pada saat menyusun beberapa komponen User Interface ke dalam layout tanpa Scroll.
Horizontal Scroll Arrangement merupakan komponen yang berfungsi untuk menambahkan layout sederhana dengan mengandalkan posisi horizontal (kiri-kanan) pada saat menyusun beberapa komponen User Interface ke dalam layout dengan Scroll.
Space merupakan komponen yang berfungsi untuk memberikan jarak spasi antara satu komponen dengan komponen lain di dalam Screen.
Swipe Refresh Layout merupakan komponen yang berfungsi untuk memberikan efek resfresh suatu terjadi atau event yang terpengaruh dari gesekan tangan ke bawah di layout atau viewer.
Table Arrangement merupakan komponen yang berfungsi untuk menambahkan layout dalam bentuk tabel agar bisa dimasukkan oleh beberapa komponen User Interface ke dalam layout tersebut secara merata yang berdasarkan banyaknya baris dan kolom.
Vertical Arrangement merupakan komponen yang berfungsi untuk menambahkan layout sederhana dengan mengandalkan posisi vertikal (atas-bawah) pada saat menyusun beberapa komponen User Interface ke dalam layout tanpa Scroll.
Vertical Scroll Arrangement merupakan komponen yang berfungsi untuk menambahkan layout sederhana dengan mengandalkan posisi vertikal (atas-bawah) pada saat menyusun beberapa komponen User Interface ke dalam layout dengan Scroll.

2. Layout – List

Layout – General ini merupakan kategori bagian komponen Layout yang berfungsi untuk membuat tampilan list yang diambil dari data ke dalam aplikasi Android

List View merupakan komponen yang berfungsi untuk menampilkan beberapa data teks yang bentuk susunan list.
List View Image and Text merupakan komponen yang berfungsi untuk menampilkan beberapa data teks dan / atau gambar yang bentuk susunan list

3. Layout – Navigation

Layout – Navigation ini merupakan kategori bagian komponen Layout yang berfungsi untuk membuat sistem menu dan/atau navigation yang dapat memudahkan dalam membuat beberapa opsi menu di dalam Layout navigation jika kamu memiliki banyak Screen di dalam Kodular selama proses pembuatan aplikasi Android.

Bottom Navigation merupakan komponen yang berfungsi untuk membuat menu navigasi yang terletak di bawah layar smartphone Android.
Side Menu Layout merupakan komponen yang berfungsi untuk membuat menu navigasi dalam bentuk slide atau drawer navigation.
Tab Layout merupakan komponen yang berfungsi untuk membuat menu navigasi dalam bentuk tab atau tab host yang terletak di atas layar smartphone Android.
View Pager merupakan komponen yang berfungsi untuk membuat tampilan viewer yang bisa digeserkan viewer tersebut dengan menggunakan pergerakan jari tangan ke arah kiri atau kanan.

4. Layout – Views

Layout – Navigation ini merupakan kategori bagian komponen Layout yang berfungsi untuk membuat tampilan yang bersifat Viewer yang bisa berubah-ubah jika ada suatu event atau eksekusi program yang berbeda. Misalkan, tampilan Web Viewer akan berganti jika ada perubahan alamat situs web.

Bottom Sheet merupakan komponen yang berfungsi untuk membuat tampilan popup dengan berisi layout dan beberapa komponen UI pendukung yang tersembunyi yang akan ditampilkan di bawah layar smartphone.
Chat View merupakan komponen yang berfungsi untuk membuat tampilan viewer dari isi konten atau objek dalam bentuk chat atau pesan teks singkat.
Gallery Viewer merupakan komponen yang berfungsi untuk membuat tampilan viewer yang berisi satu atau beberapa gambar yang akan dijadikan satu album galeri.
Surface View merupakan komponen yang berfungsi untuk membuat tampilan preview pada gambar setelah melakukan pengambilan gambar dari kamera seperti menyimpan gambar atau aktivitas yang sejenis.
View Flipper merupakan komponen yang berfungsi untuk memberikan efek flip pada tampilan viewer pada saat mengganti gambar.
Web View merupakan komponen yang berfungsi untuk membuat tampilan viewer yang berisi website yang bisa diakses internet.

Page updated

Google Sites

Report abuse