ARCHITECTURE

DESIGN PATTERN

Oleh : I Kadek Arta Wiguna

MVC ( Model-View-Controller)
 MVC yang merupakan salah satu design pattern yang sekarang
banyak dipergunakan oleh berbagai framework merupakan salah
metode pengembangan aplikasi yang harus dikuasai. Dengan
menggunakan MVC perawatan sebuah program akan lebih mudah,
mengingat semua bagian program telah dipetakan dalam struktur
yang jelas, sehingga pengubahan desain tidak mengubah logic
maupun data. Demikian pula pengubahan data akan terhindar dari
pengubahan tampilan secara tidak sengaja. Pengubahan logic
atau program juga lebih dimudahkan karena dapat dilakukan di
bagian program yang terpisah.
 Komponen MVC

01 Model berfungsi untuk mengatur data, fungsi dan aturan dari aplikasi

View berfungi untuk mengatur tampilan atau output yang

02 tampil di layar, tidak hanya berupa data, namun juga termasuk
komponen lain, seperti gambar, video, diagram, dan
sebagainya.

03 Controller merupakan program yang mengatur menerima

input dan menjalankan beberapa perintah untuk dijalankan
di model.
 Model View Controller

Diagram Interaksi antar komponen MVC

MVP ( Model-View-Presenter)
Sebuah konsep arsitektur pengembangan
aplikasi yang memisahkan antara
tampilan aplikasi dengan proses bisnis
yang bekerja pada aplikasi. Arsitektur ini
akan membuat pengembangan aplikasi
kita menjadi lebih terstuktur, mudah di-
test dan juga mudah di-maintain.
Model View Presenter
MVVM ( Model View ViewModel)
Sebuah pola arsitektur yang memisahkan
antara user interface logic dari business
logic. Tujuan penggunaan MVVM sendiri
adalah menjaga kode UI agar tetap
sederhana dan tanpa mengandung app
logic agar mudah untuk dikelola.
Model
Model adalah representasi dari data dan business logic dari aplikasi.
Salah satu dari strategi implementasi model adalah membuat model
dapat terbuka melalui observables agar terpisah antara ViewModel
atau observer/ consumer.
ViewModel
ViewModel berinteraksi dengan model dan juga menyiapkan
observables yang akan diobservasi oleh View. ViewModel dapat
menyediakan hooks untuk view dan mem-pass events kepada model.
View
Tugas dari view pada MVVM adalah untuk observe sebuah
ViewModel observable untuk mendapatkan data yang akan
mengupdate UI/ tampilan.
Model View ViewModel
VIPER ARCHITECTURE
 VIPER adalah aplikasi Arsitektur
Komputer untuk aplikasi iOS. Kata VIPER
adalah backronym untuk View, Interactor,
Presenter, Entity, dan Routing. Clean
Architecture membagi struktur logis
aplikasi menjadi beberapa lapisan
tanggung jawab.
Schema Viper pada android
 Schema Viper pada android
• View Membuat Tampilan sehingga hanya menunjukan UI saja.
• Interactor Mengurus semua tindakan yang dilakukan oleh presenter.
• Presenter Berfungsi memerintahkan setiap tindakan dengan
memanfaatkan Interactor, memberiahu View untuk menampilkan
konten dan memerintahkan navigasi ke layar lain menggunakan
Router.
• Entitas Mewakili data aplikasi, singkatnya bertindak seperti Model
dalam pola arsitektur MVP.
• Router Menangani navigasi kelayar selama siklus hidup aplikasi.
Terimakasih…