🚀 Praktikum Flutter Seri 2 — Struktur Project dan main.dart


👤 Identitas

Nama: Damar Aditya Nugraha
Kelas: XI RPL 2
No. Absen: 07
Jurusan: Rekayasa Perangkat Lunak (RPL)

🎯 Tujuan Praktikum

Praktikum Flutter Seri 2 bertujuan untuk memahami struktur dasar project Flutter dan mengetahui alur kerja program Flutter mulai dari fungsi main() sampai tampilan aplikasi.

Pada praktikum ini saya membuat aplikasi Profil Siswa RPL yang menampilkan nama, kelas, nomor absen, dan status belajar Flutter.

🛠️ Tools yang Digunakan

  • DartPad
  • Flutter
  • Bahasa pemrograman Dart
  • HP/Browser untuk menjalankan aplikasi

📱 Deskripsi Aplikasi

Aplikasi yang saya buat merupakan aplikasi sederhana berupa kartu profil siswa RPL. Tampilan dibuat menggunakan warna biru dan putih agar terlihat lebih menarik.

Informasi yang ditampilkan adalah:

  • 👨‍💻 Nama: Damar Aditya Nugraha
  • 🏫 Kelas: XI RPL 2
  • 🔢 No. Absen: 07
  • 🚀 Status: Belajar Flutter

Saya juga melakukan beberapa modifikasi dari contoh dasar, yaitu mengubah warna tampilan, menambahkan emoji, membuat sudut container menjadi melengkung, menambahkan shadow, serta membuat tampilan seperti kartu profil.


🔎 Penjelasan Alur Program

Alur dasar aplikasi Flutter yang saya buat adalah:

main() → runApp() → MaterialApp → Scaffold → AppBar → Center → Container → Text

1. main()

main() merupakan fungsi pertama yang dijalankan ketika program dimulai.

2. runApp()

runApp() digunakan untuk menjalankan aplikasi Flutter dan menampilkan widget utama.

3. MaterialApp

MaterialApp merupakan widget dasar untuk membuat aplikasi dengan desain Material.

4. Scaffold

Scaffold menyediakan struktur dasar halaman aplikasi, seperti AppBar dan body.

5. AppBar

AppBar digunakan sebagai bagian atas aplikasi. Pada aplikasi ini berisi judul "PROFIL SISWA RPL".

6. Center

Center digunakan untuk menempatkan isi aplikasi di bagian tengah layar.

7. Container

Container digunakan untuk membuat kartu profil. Saya memberikan warna putih, sudut melengkung, dan efek shadow agar tampilannya lebih menarik.

8. Text

Text digunakan untuk menampilkan tulisan seperti nama, kelas, nomor absen, dan status belajar Flutter.

📸 Screenshot Hasil



💭 Refleksi

Setelah melakukan praktikum ini, saya menjadi lebih memahami struktur dasar aplikasi Flutter dan fungsi dari beberapa widget seperti MaterialApp, Scaffold, AppBar, Center, Container, dan Text.

Saya juga belajar bahwa tampilan Flutter dapat dimodifikasi dengan mengubah warna, ukuran teks, bentuk container, emoji, dan layout. Praktikum ini membuat saya lebih memahami dasar pembuatan aplikasi menggunakan Flutter.

✅ Kesimpulan

Praktikum Flutter Seri 2 membantu saya memahami alur dasar program Flutter dari main() hingga menjadi sebuah tampilan aplikasi. Dengan menggunakan beberapa widget dasar, saya dapat membuat aplikasi profil siswa RPL yang sederhana tetapi memiliki tampilan yang lebih menarik dan berwarna.

Komentar

Postingan populer dari blog ini

Pengumpulan Data Kontak Darurat untuk Aplikasi Home Emergency Contacts!

Dunia Mobile Development: Dari Pengguna HP Menjadi Pembuat Aplikasi