Membuat Aplikasi Sederhana dengan Flutter

Membuat Tampilan Web Sederhana dengan Flutter

Pendahuluan

Dalam pengembangan aplikasi berbasis web, tampilan antarmuka (UI) merupakan bagian penting yang menentukan kenyamanan pengguna. Salah satu framework yang dapat digunakan untuk membuat tampilan web sederhana adalah Flutter. Flutter memungkinkan pengembang membuat tampilan yang responsif dan modern dengan struktur widget yang mudah dipahami.

Pada latihan ini, saya membuat tampilan web sederhana sesuai dengan ketentuan yang diberikan.

---

Tujuan Latihan

Tujuan dari latihan ini adalah untuk:

• Memahami struktur dasar tampilan web menggunakan Flutter

• Menerapkan penggunaan widget dasar

• Melatih penyusunan layout sederhana

---

Ketentuan Latihan

Pada Latihan 1 (Wajib), tampilan web harus memenuhi beberapa syarat berikut:

1. Menggunakan AppBar dengan judul

2. Bagian Body berisi Column

3. Memiliki minimal 3 widget Text

---

Penjelasan Tampilan Web

1. AppBar

AppBar digunakan sebagai bagian atas halaman web. Pada tampilan ini, AppBar berfungsi untuk menampilkan judul aplikasi, sehingga pengguna dapat langsung mengetahui tujuan atau isi halaman web.

2. Body dengan Column

Bagian body diatur menggunakan widget Column. Column memungkinkan penyusunan beberapa widget secara vertikal dari atas ke bawah, sehingga tampilan terlihat rapi dan terstruktur.

3. Widget Text

Di dalam Column, terdapat minimal tiga widget Text. Widget Text digunakan untuk menampilkan informasi berupa tulisan, seperti:

• Judul konten

• Penjelasan singkat

• Informasi tambahan

Penggunaan beberapa widget Text ini membantu menyampaikan isi halaman dengan jelas kepada pengguna.

---

Hasil yang Dicapai

Dengan membuat tampilan web sederhana ini, saya dapat:

• Memahami penggunaan AppBar dan Column

• Menyusun layout dasar aplikasi web

• Menampilkan teks secara terstruktur menggunakan widget Text

---

Kesimpulan

Latihan membuat tampilan web sederhana ini sangat membantu dalam memahami konsep dasar Flutter, khususnya dalam mengatur layout dan tampilan antarmuka. Dengan menggunakan AppBar, Column, dan widget Text, sebuah tampilan web sederhana sudah dapat dibuat dengan baik dan mudah dipahami.

Untuk lebih jelas nya bisa klik link di bawah

https://z8vw065z8vx0.zapp.page/#/