🚀 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
Posting Komentar