Let’s Make Scrum Booster About Page

Iskarim Rezki
Scrum Booster
Published in
2 min readMar 18, 2019

Proses pembuatan about page dalam scrum booster app

Pada sprint kedua kemarin, saya akhirnya sudah mulai ngoding flutter untuk pertama kalinya. Saya mendapatkan tugas untuk membuat halaman about page pada aplikasi kami. berikut kira kira mockup yang sudah dibuat sebelumnya :

mockup about page

Sebelum kita memulai about page kita perlu membuat route untuk menuju about page dari menu bar yang sudah dibuat oleh fajrin sebelumnya. Kita perlu menambah import file about page serta menambah link pada main.dart :

lalu tambahkan link nya pada menu bar yang sudah fajrin buat sebelumnya dengan cara berikut:

Karena terdapat asset tambahan yaitu makara ui, kita perlu menambahkan path dari file nya dalam file pubspec.yml :

Oke, sekarang kita mulai coba masukkan 2 logo ke dalam page about dengan menggunakan widget column, row, serta image.

kemudian kita masukkan content nya menggunakan widget text sebagai berikut :

dan voila!, about page berhasil dibuat. berikut tampilannya, terdapat beberapa perubahan pada tampilannya seperti makara ui yang dipakai karena adanya peraturan baru dari ui :

Selain itu pada sprint kemarin saya, adi, dan izzan juga membuat list dari cermonies, problems, dan glossary. namun karena sepertinya blog ini sudah cukup panjang mungkin untuk penjelasan dari pembuatannya akan dilakukan di lain waktu, terima kasih !

--

--

Iskarim Rezki
Scrum Booster

Computer Science Student and a passionate dreamer