MVC: Perbedaan antara revisi

[[Berkas:MVCModelViewControllerDiagram2.pngsvg|rightka|thumbjmpl|400px|Konsep Model-View-Controller]]

'''Model-View-Controller''' atau '''MVC''' adalah sebuah [[metode]] untuk membuat sebuah [[aplikasi web]] dengan memisahkan [[data]] (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller). Dalam implementasinya kebanyakan ''[[frameworkKerangka kerja aplikasi web|kerangka kerja]] (''framework'') dalam [[aplikasi]] [[websiteweb]] adalah berbasis [[arsitektur]] MVC.<ref name="pwp">{{cite web|url=http://www.prowebpro.com/articles/mvc.html|title=MVC (Model View Controller)|last=|first=prowebpro|authorlink=prowebpro|accessdate=2010-07-31}}</ref> MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti [[manipulasi]] data, [[antarmuka pengguna]], dan bagian yang menjadi kontrol dalam sebuah aplikasi [[web]].<ref name="ittelkom">{{cite web|url=http://www.ittelkom.ac.id/library/index.php?view=article&catid=20:informatika&id=518:model-view-controller-mvc&option=com_content&Itemid=15|title=Model View Controller|first=ittelkom|last=|authorlink=ittelkom|accessdate=2010-07-31|archive-date=2018-02-23|archive-url=https://web.archive.org/web/20180223221708/http://www.ittelkom.ac.id/library/index.php?view=article&catid=20:informatika&id=518:model-view-controller-mvc&option=com_content&Itemid=15|dead-url=yes}}</ref>

== Sejarah MVC ==

Model View Controller pertama sekali dipublikasikan oleh [[peneliti]] [[Xerox PARC|XEROX PARACPARC]] yang bekerja dalam pembuatan [[bahasa pemrograman]] [[Smalltalk]] sekitar [[tahun]] [[1970]]-[[1980]]1970–1980.<ref name="pwp">{{cite web

== Bagian dari MVC ==

# '''Model''', Model mewakili [[struktur data]]. BiasanyaModel modelmerupakan berisi fungsi-fungsibagian yang membantubertugas seseoranguntuk dalammengatur, menyiapkan, memanipulasi, dan mengorganisir data (biasanya pengelolaandari [[basis data]]). sepertiTugas yang ia lakukan meliputi memasukkan data ke basis data, pembaruan data, menghapus data, dan lain-lain. Model menjalankan tugasnya berdasarkan instruksi dari controller.

# '''View''', View adalahmerupakan bagian yang mengatur tampilan ke pengguna. Bisa di katakandikatakan berupa [[halaman]] web.

# '''Controller''', Controller merupakan bagian yang menjembatani model dan view. Controller berisi [[script|skripperintah-skrip]] [[php]]perintah yang berfungsi untuk memproses suatu [[data]] dan mengirimkannya ke halaman web.<ref name="ittelkom">{{cite web

Dengan menggunakan metode MVC maka aplikasi akan lebih mudah untuk dirawat dan dikembangkan. Untuk memahami metode pengembangan aplikasi menggunakan MVC diperlukan pengetahuan tentang [[pemrograman berorientasi objek]] (''Object-oriented Oriented Programmingprogramming'').<ref name="ittelkom"/>

== Jenis MVC pada website ==

* '''Server Side MVC''', Server Side MVC biasa terjadi pada aplikasi web [[tradisional]], yang tidak melibatkan ''client side'' seperti [[JavascriptJavaScript]], [[Java applet]], [[Adobe Flash|Flash]], dan lain-lain. ''Server Side'' MVC menyerahkan keseluruhan proses [[bisnis]] pada [[server]], aplikasi pada sisi pengguna hanya dapat menerima. MVC jenis ini terkadangkadang-kadang disebut juga dengan nama ''Thin Client''.<ref name="ittelkom"/>

* '''Mixed Client Side and Server Side MVC''', Padapada Mixed Client Side and Server Side MVC 1, client tidak menggunakan model sebagai jembatan untuk melakukan komunikasi pada server, dibandingkan dengan Server Side MVC, arsitektur ini memiliki tingkat kompleksitas yang lebih tinggi karena lebih banyak komponen yang terlibat. Untuk selanjutnya arsitektur ini disebut, dengan Mixed MVC 1. Pada Mixed Client Side and Server Side MVC 2, client menggunakan model sebagai jembatan untuk melakukan [[komunikasi]] pada server, dibandingkan dengan arsitektur MVC yang lain, arsitektur ini memiliki tingkat kompleksitas yang paling tinggi karena lebih banyak komponen yang terlibat, sehingga membutuhkan [[sumber daya]] yang lebih besar pula. Untuk selanjutnya arsitektur ini disebut dengan Mixed MVC 2.<ref name="ittelkom"/>