LAPORAN PRAKTIKUM MOBILE PROGRAMMING

TUGAS MANDIRI

Oleh:

Virrano Dwira Armada

NIM:18552013434

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH TANGERANG
2021

2
 BAB I
ISI

1.1 Widget yang Digunakan Beserta Penjelasannya

A. Material App
Widget yang digunakan untuk mengatur segala route, theme dari
suatu aplikasi, atau biasa disebut dengan top level dari sebuah
aplikasi.
B. Scaffold
Scaffold adalah widget utama untuk membuat sebuah halaman
pada flutter, scaffold ini memiliki beberapa parameter yang biasa
kita gunakan seperti appBar untuk membuat AppBar, body untuk
bagian tubuhnya, atau kita juga bisa menambahkan floating action
bar, maupun mengganti warna background bodynya.
C. Stateless Widget
Stateless Widget adalah widget yang berfungsi untuk menampilkan
hal-hal yang sifatnya statis mudahnya setelah data ditampilkan
maka kita tidak akan merubahnya lagi.
D. Text
Text berfungsi untuk menampilkan sebuah teks biasa, atau bisa kita
berikan style dengan menambahkan property style.
E. AppBar
AppBar merupakan salah satu bagian yang umumnya digunakan
pada sebuah aplikasi sebagai menu petunjuk untuk memudahkan
pengguna aplikasi. Widget ini terletak pada posisi bagian paling
atas aplikasi
F. Container
Container merupakan widget yang fungsinya untuk membungkus
widget lain sehingga dapat diberikan nilai seperti margin, padding,
warna background, atau dekorasi.

3
G. Column
Column widget akan mengarah secara vertikal atau dari atas
kebawah, widget ini juga menggunakan property children artinya
widget ini bisa diisi oleh banyak widget.
H. CircleAvatar
CircleAvatar berfungsi untuk membuat avatar lingkaran di mana
Anda dapat mengatur gambar yang akan digunakan
I. Title
Widget yang menjelaskan aplikasi ini di sistem operasi.
J. AssetImage
Mengambil gambar dari AssetBundle, setelah menentukan gambar
yang tepat untuk digunakan berdasarkan konteksnya.
K. TextStyle
Gaya abadi yang menjelaskan cara memformat dan melukis teks
L. Align
Widget yang menyelaraskan anaknya di dalam dirinya sendiri dan
secara opsional mengukur dirinya sendiri berdasarkan ukuran anak
M. Color
Nilai warna 32 bit yang tidak dapat diubah dalam format ARGB
N. Radius
Jari-jari untuk bentuk lingkaran atau elips.
O. Padding
Sebuah widget yang memasukkan anaknya dengan padding yang
diberikan
P. EdgeInsets
Satu set offset yang tidak dapat diubah di masing-masing dari
empat arah mata angina

4
1.2 Struktur Hirarki Widget

Penjelasan:

Dari gambar diatas dapat kita lihat bahwa, untuk sebuah aplikasi flutter, kita
membutuhkan yang namanya MaterialApp. Di dalam materialApp ini, nanti kita bisa
menambahkan widget, Title dan Home. Dan untuk widget home memiliki properti
yang disebut dengan AppBar dan Body. Untuk widget AppBar memiliki property title
dan text. Dan untuk body pada hirarki diatas memiliki property center dan text. Ketika
body menggunakan property center, maka sebuah widget yang ada didalam body akan
terletak di tengah atau cent

5
1.3 Source Code

6
1.4 Hasil Tampilan