Sebuah situs web lebih dari apa yang terlihat di luar. Faktanya, pola struktur situs web bervariasi seperti situs web itu sendiri.
Situs web merupakan web kompleks dari banyak komponen yang berinteraksi satu sama lain untuk menjalankan aplikasi.
Ambil contoh Facebook, yang merupakan salah satu situs web paling kompleks yang kami gunakan hampir setiap hari. Buka halaman beranda dan Anda akan melihat situs web menangani hampir selusin permintaan data sekaligus untuk mengisi halaman dengan sejumlah komponen.
Orang dapat dengan mudah membayangkan bahwa logika di balik bagaimana komponen berinteraksi satu sama lain untuk menjalankan program seperti Facebook bisa sangat berbeda dari situs web lain.
Fungsionalitas inti dari setiap situs web ditentukan oleh kemudahan ujung depan berinteraksi dengan model yang sesuai untuk mendapatkan data yang dicari pemirsa. MVC dan MVVM adalah dua pola desain yang populer di dunia pengembangan perangkat lunak.
 .
Apa yang dimaksud dengan MVC?
MVC, kependekan dari Model-View-Controller, adalah model desain aplikasi yang biasa digunakan untuk mengembangkan antarmuka pengguna modern. Pola MVC adalah inti dari pengembangan perangkat lunak berorientasi objek modern karena muncul dari komunitas desain berorientasi objek.
Awalnya bernama Thing-Model-View- Editor pada tahun 1979, tetapi kemudian disederhanakan dan diganti namanya menjadi Model-View-Controller.
Ini terutama digunakan untuk desain dan pengembangan aplikasi seluler dan web. Itu membagi antarmuka pengguna aplikasi menjadi tiga bagian berbeda: Model, View dan Controller.
Model : Model mewakili sekumpulan kelas yang menjelaskan data yang Anda rencanakan untuk digunakan dalam aplikasi.
Ini menjelaskan format umum untuk data tetapi mungkin juga berisi aturan bisnis, konversi, logika validasi, dan berbagai fungsi lainnya. View : View mewakili data yang akan ditampilkan dari model.
Ini menentukan bagaimana antarmuka pengguna aplikasi akan ditampilkan.
Sebuah model dapat memiliki sejumlah tampilan tergantung pada aplikasinya. Model tampilan, dalam istilah desain, pada dasarnya menggambarkan komponen UI seperti HTML, jQuery, dan sebagainya.
Pengontrol : Pengontrol adalah bagian utama dari aplikasi MVC yang menangani komunikasi dari pengguna dalam bentuk peristiwa, alur aplikasi keseluruhan, dan logika khusus aplikasi.
Peristiwa tersebut kemudian dikonversi menjadi permintaan layanan dan diteruskan ke model atau tampilan. Ini adalah satu-satunya komponen di mana pengguna berinteraksi dengan sistem.
 .
Apa yang dimaksud dengan MVVM?
Model-View-ViewModel, atau MVVM, adalah pola arsitektur perangkat lunak populer yang biasa digunakan untuk mengembangkan aplikasi web yang dapat digunakan kembali dan mudah diuji. MVVM didasarkan pada pola MVC tetapi meningkatkan model MVC dengan memperkenalkan kelas baru yang disebut ViewModel, yang mengelola data khusus untuk tampilan.
Tujuan inti dari model MVVM adalah untuk memiliki pemisahan yang sebenarnya antara Model dan komponen Tampilan.
Komponen utama model adalah: Model, View dan ViewModel. Model : Prinsipnya tetap sama seperti pada model MVC.
Model mewakili logika bisnis dan data dan menentukan bagaimana data harus dimanipulasi.
View : Model View merepresentasikan data yang akan ditampilkan tetapi tidak melakukan manipulasi apapun pada data. Tampilannya sama seperti di MVC, kecuali pengikatan data harus ditetapkan untuk tampilan, yang dilakukan dengan menambahkan ViewModel ke tampilan.
ViewModel : Ini adalah komponen paling penting dari model karena dirancang untuk menggunakan fungsi pengikatan data, yang pada kenyataannya, membantu memisahkan tampilan dari model, dan pada saat yang sama, bertindak sebagai pengontrol untuk memfasilitasi komunikasi antara View dan komponen Model.
Perbedaan antara MVC dan MVVM
Pola
– Model-View-Controller (MVC) adalah model desain aplikasi yang biasa digunakan untuk mengembangkan antarmuka pengguna modern. Itu membagi antarmuka pengguna aplikasi menjadi tiga bagian berbeda: Model, View dan Controller.
Model-View-ViewModel (MVVM), di sisi lain, adalah varian modern dari model MVC yang biasa digunakan untuk mengembangkan aplikasi web yang dapat digunakan kembali dan mudah diuji.
Komponen utama dari model MVVM adalah Model, View, dan ViewModel.
Pengikatan Data
– Fitur utama yang membedakan MVVM dari pola desain perangkat lunak lain adalah pengikatan data, yang hanya merupakan mekanisme yang menghubungkan antarmuka pengguna dengan logika bisnis. Ini adalah teknologi utama yang menghubungkan Views dengan ViewModels mereka yang memastikan model dan properti sinkron dengan tampilan di ViewModel.
Ini menghilangkan kebutuhan untuk mengekspos seluruh Model ke Tampilan.
Pengontrol
– Perbedaan utama antara kedua pola arsitektur yaitu di MVC, Pengontrol bertanggung jawab untuk mengelola komunikasi antara Model dan Tampilan menggunakan peristiwa, sedangkan kerangka kerja melakukan semua pekerjaan berat di MVVM menggunakan fitur yang disebut pengikatan data. ViewModel di MVVM membantu memisahkan tampilan dari model, dan pada saat yang sama, bertindak sebagai pengontrol untuk memfasilitasi komunikasi antara komponen Tampilan dan Model.
MVC vs.
MVVM: Bagan Perbandingan
Ringkasan
Sementara MVC dan M VVM adalah turunan dari model MVC, MVVM adalah varian modern dari model MVC yang memperkenalkan kelas baru yang disebut ViewModel, yang mengelola data khusus untuk tampilan. Tujuan inti dari model MVVM adalah untuk memiliki pemisahan yang sebenarnya antara Model dan komponen Tampilan.
Di MVC, Pengontrol bertanggung jawab untuk mengelola komunikasi antara Model dan Tampilan.
Namun, di MVVM, ViewModel membantu memisahkan tampilan dari model dan juga bertindak sebagai pengontrol untuk memfasilitasi komunikasi antar komponen.