Komponen dan Widget View Pada Aplikasi Mobile

Bismillah, kembali lagi di pesisirkarya pada kali ini penulis akan membahas tentang Komponen Widget View yang ada pada sebuah aplikasi mobile (android & iOS). Sebelum masuk ke bahasan jangan lupa teman-teman juga baca postingan sebelumnya tentang CODE.

Lalu apa itu Widget View? Widget View adalah komponen-komponen yang tampil dalam sebuah aplikasi pada ponsel anda seperti halnya text, button, image, icon-icon, dan lain-lain. Nah itu semua disebut Widget atau Widget View pada sebuah aplikasi mobile.

Ada berbagai macam widget-widget dalam sebuah aplikasi, seperti contoh dalam aplikasi ini:

Dalam sebuah aplikasi terbagi menjadi beberapa bagian yang tampil. Diantaranya status bar, appbar, body, navigator bar, bagian bagian itu yang sering ada dalam sebuah aplikasi mobile, nah kali ini penulis akan menjelaskan beberapa widget-widget tersebut.

Tujuannya apa? Yaitu agar taman-teman lebih mengetahui tentang widget yang mungkin sering ditemui dalam penggunaan aplikasi sehari-hari tapi secara tidak sadar belum mengetahui apa sih yang sering di pakai dan di kli-klik dalam aplikasi itu. Juga karena sebelum kalian membuat sesuatu tentunya kalian harus tahu dulu apa yang akan kalian buat bukan? Dalam membangun sebuah aplikasi mobile pun begitu.

Oke langsung saja beberapa hal yang harus kalian ketahui dari sebuah aplikasi mobile adalah komponen dan widget sebagai berikut.

Status Bar

Status bar akan kalian jumpai pada smartphone kalian pada saat apapun, karena status bar ini selalu ada di bagian paling atas smartphone kalian. Gambarnya adalah seperti berikut

Status bar ini adalah sebuah tampilan yang memberikan beberapa informasi seperti waktu, notifikasi, sinyal, baterai dan komponen pengaturan tambahan yang diaktifkan seperti alaram atau lainnya.

Appbar

Tepat di bawah status bar ada widget yang bernama AppBar, gambarnya sebagai berikut:

Appbar ini adalah sebuah page title dalam aplikasi mobile di dalam widget Appbar ini terdapat beberapa bagian seperti Drawer, Page Title, dan Action.

• Drawer, sebuah tombol untuk membuka navigasi biasanya terdapat pada sebelah kiri appbar. Nah seperti yang dijelaskan drawer ini adalah sebuah navigasi membuka item-item menu untuk menuju menu-menu yang ada pada sebuah aplikasi. Drawer ini juga kadang kita temui dibagian kanan appbar. drawer yang berada pada bagian kanan disebut End Drawer.
• Page Title, adalah teks yang menandakan sebuah judul dari halaman, ada dua tipe title page dalam aplikasi mobile yaitu center dan left.
• Action, bagian action pada appbar ada pada bagian kanan, biasanya terdapat 1-3 action, seperti misal untuk notifikasi, pesan/broadcast atau lainnya.

Body

Body adalah isi dari sebuah halaman aplikasi didalam body akan banyak terdapat banyak widget, seperti body dari aplikasi ini:

Dalam body biasanya terdapat sebuah menu utama dimana menu utama ini biasanya adalah sebuah widget yang di custom sendiri gabungan dari sebuah icon, gambar dan text. Selain menu utama biasanya juga terdapat sebuah tampilan grid-grid yang menampilkan item item pilihan dalam aplikasi, grid tersebut pun adalah sebuah widget. Semua widget yang ada dalam body ini biasanya di wrap dalam sebuat widget list untuk 

Navigator Bottom Bar

Bagian yang terakhir yaitu Navigator Bottom Bar adalah sebuah navigasi menu-menu dalam aplikasi  untuk keperluan akses cepat pada sebuah halaman. Gambar dari navigator bottom bar seperti berikut:

Nah Navigator bottom bar ini sama fungsinya seperti drawer yang dijelaskan di bagian appbar tadi. Maka dari itu biasanya sebuah aplikasi menggunakan dari salah satu antara drawer atau navigator bottom bar tentunya sesuai dengan keperluan dari aplikasi yang dibuat.

Oke jadi begitulah komponen-komponen dan widget yang ada pada sebuah aplikasi mobile, sebetulnya masih banyak lagi widget-widget yang belum terjelaskan, namun ini sudah cukup karena yang saya jelaskan diatas adalah komponen dan widget yang sering dan umum ada pada suatu aplikasi mobile.

Coba selain komponen dan widget yang penulis sebutkan diatas, ada yang mau menambahkan atau menanyakan masalah widget silahkan komentar dibawah ya:). 

Jangan lupa share artikelnya, see you next post!.