Design Pattern pada Scrum Booster

Dalam proses pengembangan perangkat lunak, design pattern merupakan salah satu hal penting yang tidak bisa diabaikan oleh Development Team. Pemilihan design pattern yang tepat dalam pengembangan software dapat mempengaruhi proses pengembangan perangkat lunak secara keseluruhan.

Apakah pengertian dari Design Pattern? Menurut Wikipedia, Design Pattern adalah:

Dalam proses pengembangan Scrum Booster, kami menggunakan design pattern Model-View-Controller (MVC). Ada beberapa alasan yang mendasari kami untuk menggunakan design pattern tersebut. Pertama, karena cocok dengan development environment Flutter yang bersifat object-oriented dan widget-based. Dan yang kedua, karena design pattern tersebut relatif mudah untuk diterapkan.

Masing-masing peran setiap bagian dari design pattern ini adalah sebagai berikut.

Dalam project folder Scrum Booster, berikut adalah salah satu implementasi design pattern MVC, yaitu pada Scrum Phase Pages.

Pada folder ScrumPhase, terdapat masing-masing folder fase, yaitu ProductBacklog, SprintEvaluation, SprintExecution, dan SprintPlanning. setiap folder fase tersebut memiliki 3 file, yaitu ApiProvider.dart, Model.dart, dan ProductBacklog/SprintEvaluation/SprintExecution/SprintPlanning.dart.

Model.dart berfungsi untuk merepresentasikan model dari fase-fase yang ingin ditampilkan. Properti dari model ini disesuaikan dengan struktur JSON yang dikirimkan oleh Backend API. Berikut adalah code snippet dari Model.dart milik fase ProductBacklog.

ApiProvider.dart berfungsi untuk melakukan proses retrieve data dari API Backend dan melakukan parsing ke Model.dart yang sudah disiapkan sebelumnya. Selain itu, file ini juga berfungsi untuk melakukan passing data ke file View. Berikut adalah code snippet dari ApiProvider.dart milik fase ProductBacklog.

ProductBacklog/SprintEvaluation/SprintExecution/SprintPlanning.dart merupakan file yang merepresentasikan View dalam design pattern MVC ini. File ini berfungsi untuk menampilkan halaman yang akan di-render oleh Flutter. Berikut adalah salah satu contoh file View, yaitu ProductBacklog.dart.

Setelah ketiganya diterapkan, akan dihasilkan halaman ScrumPhase yang sudah terintegrasi dengan Backend API.

Related posts:

Mr. George Nader turned out to be agreeable with Mr. Broidy and acquainted him with Prince Mohammed. Circinus at that point marked contracts with the United Arab Emirates worth a few hundred million…