SlideShare a Scribd company logo
Programming Concepts:
MVC
Model
View
Controller
MVC is a pattern of software
architecture/development that
divides an application into three
interrelated components: Model,
View, and Controller. 



MVC is designed and implemented
to improve maintainability and
provide Separation of Concerns, a
key principle in computer science.
examples of MVC frameworks include:
Norwegian computer scientist Trygve Reenskaug is credited with conceiving of MVC
as a design pattern in the late 1970’s while visiting Xerox PARC*.
*PARC is credited with developing laser printing, Ethernet, the modern personal
computer, GUI, object-oriented programming, and much more.
M: Model
The Model is responsible for managing the the data, logic, and rules of
an application.
Verbal+Visual: MVC Structure.  Model, View, Controller.
V: View
View is what's presented to the users and how users interact with the
application. The view is made with HTML, CSS, JavaScript and often
templates, e.g. .liquid and embedded-ruby, etc.
Verbal+Visual: MVC Structure.  Model, View, Controller.
The controller accepts input and converts it to commands for the
model or view.
C: Controller
Verbal+Visual: MVC Structure.  Model, View, Controller.
Verbal+Visual: MVC Structure.  Model, View, Controller.
A controller can send commands to the model to update the model's state
(e.g., editing a document). It can also send commands to its associated view
to change the view's presentation of the model (e.g., by scrolling through a
document).
A model stores data that is retrieved to the controller and displayed in the
view. Whenever there is a change to the data it is updated by the controller.
A view requests information from the controller. The controller fetches it from
the model and passes it to the view that the view uses to generate an output
representation to the user.

More Related Content

Similar to Verbal+Visual: MVC Structure. Model, View, Controller. (20)

PDF
MVC Architecture
Prem Sanil
 
PPTX
MVC.pptx
HassanAliKhan36
 
ODP
Model View Controller
Madhukar Kumar
 
PDF
MVC - In Details
Mollah Nayeem Ahmed
 
PDF
MVC architecture
Emily Bauman
 
PPTX
5_6163495906206292160 for study purpose.pptx
abhinavas7012
 
PDF
Mvc Architecture in a web based application
OnGraph Technologies Pvt. Ltd.
 
PPTX
Mvc pattern and implementation in java fair
Tech_MX
 
PPTX
Model View Controller ext4
Pankaj Avhad
 
PPT
Mvc 130330091359-phpapp01
Jennie Gajjar
 
PDF
MVC in PHP
Vineet Kumar Saini
 
PPT
Mvc architecture
Surbhi Panhalkar
 
ODP
Mvc
abhigad
 
PDF
Model-View-Controller: Tips&Tricks
Ciklum Ukraine
 
PPT
Web engineering - MVC
Nosheen Qamar
 
PPTX
MVC architecture by Mohd.Awais on 18th Aug, 2017
Innovation Studio
 
PPTX
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
Concetto Labs
 
MVC Architecture
Prem Sanil
 
MVC.pptx
HassanAliKhan36
 
Model View Controller
Madhukar Kumar
 
MVC - In Details
Mollah Nayeem Ahmed
 
MVC architecture
Emily Bauman
 
5_6163495906206292160 for study purpose.pptx
abhinavas7012
 
Mvc Architecture in a web based application
OnGraph Technologies Pvt. Ltd.
 
Mvc pattern and implementation in java fair
Tech_MX
 
Model View Controller ext4
Pankaj Avhad
 
Mvc 130330091359-phpapp01
Jennie Gajjar
 
MVC in PHP
Vineet Kumar Saini
 
Mvc architecture
Surbhi Panhalkar
 
Mvc
abhigad
 
Model-View-Controller: Tips&Tricks
Ciklum Ukraine
 
Web engineering - MVC
Nosheen Qamar
 
MVC architecture by Mohd.Awais on 18th Aug, 2017
Innovation Studio
 
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
Concetto Labs
 

Recently uploaded (20)

PPTX
internet básico presentacion es una red global
70965857
 
PPTX
一比一原版(SUNY-Albany毕业证)纽约州立大学奥尔巴尼分校毕业证如何办理
Taqyea
 
PPTX
L1A Season 1 ENGLISH made by A hegy fixed
toszolder91
 
PPTX
一比一原版(LaTech毕业证)路易斯安那理工大学毕业证如何办理
Taqyea
 
PDF
Azure_DevOps introduction for CI/CD and Agile
henrymails
 
PPTX
法国巴黎第二大学本科毕业证{Paris 2学费发票Paris 2成绩单}办理方法
Taqyea
 
DOCX
Custom vs. Off-the-Shelf Banking Software
KristenCarter35
 
PDF
Build Fast, Scale Faster: Milvus vs. Zilliz Cloud for Production-Ready AI
Zilliz
 
PPTX
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
PPTX
Presentation3gsgsgsgsdfgadgsfgfgsfgagsfgsfgzfdgsdgs.pptx
SUB03
 
PPTX
ONLINE BIRTH CERTIFICATE APPLICATION SYSYTEM PPT.pptx
ShyamasreeDutta
 
PDF
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
PPT
Computer Securityyyyyyyy - Chapter 1.ppt
SolomonSB
 
PPTX
PE introd.pptxfrgfgfdgfdgfgrtretrt44t444
nepmithibai2024
 
PDF
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
PPTX
Orchestrating things in Angular application
Peter Abraham
 
PPTX
04 Output 1 Instruments & Tools (3).pptx
GEDYIONGebre
 
PPT
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
PPTX
英国假毕业证诺森比亚大学成绩单GPA修改UNN学生卡网上可查学历成绩单
Taqyea
 
PPTX
西班牙武康大学毕业证书{UCAMOfferUCAM成绩单水印}原版制作
Taqyea
 
internet básico presentacion es una red global
70965857
 
一比一原版(SUNY-Albany毕业证)纽约州立大学奥尔巴尼分校毕业证如何办理
Taqyea
 
L1A Season 1 ENGLISH made by A hegy fixed
toszolder91
 
一比一原版(LaTech毕业证)路易斯安那理工大学毕业证如何办理
Taqyea
 
Azure_DevOps introduction for CI/CD and Agile
henrymails
 
法国巴黎第二大学本科毕业证{Paris 2学费发票Paris 2成绩单}办理方法
Taqyea
 
Custom vs. Off-the-Shelf Banking Software
KristenCarter35
 
Build Fast, Scale Faster: Milvus vs. Zilliz Cloud for Production-Ready AI
Zilliz
 
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
Presentation3gsgsgsgsdfgadgsfgfgsfgagsfgsfgzfdgsdgs.pptx
SUB03
 
ONLINE BIRTH CERTIFICATE APPLICATION SYSYTEM PPT.pptx
ShyamasreeDutta
 
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
Computer Securityyyyyyyy - Chapter 1.ppt
SolomonSB
 
PE introd.pptxfrgfgfdgfdgfgrtretrt44t444
nepmithibai2024
 
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
Orchestrating things in Angular application
Peter Abraham
 
04 Output 1 Instruments & Tools (3).pptx
GEDYIONGebre
 
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
英国假毕业证诺森比亚大学成绩单GPA修改UNN学生卡网上可查学历成绩单
Taqyea
 
西班牙武康大学毕业证书{UCAMOfferUCAM成绩单水印}原版制作
Taqyea
 
Ad

Verbal+Visual: MVC Structure. Model, View, Controller.

  • 2. Model View Controller MVC is a pattern of software architecture/development that divides an application into three interrelated components: Model, View, and Controller. 
 
 MVC is designed and implemented to improve maintainability and provide Separation of Concerns, a key principle in computer science. examples of MVC frameworks include:
  • 3. Norwegian computer scientist Trygve Reenskaug is credited with conceiving of MVC as a design pattern in the late 1970’s while visiting Xerox PARC*. *PARC is credited with developing laser printing, Ethernet, the modern personal computer, GUI, object-oriented programming, and much more.
  • 4. M: Model The Model is responsible for managing the the data, logic, and rules of an application.
  • 6. V: View View is what's presented to the users and how users interact with the application. The view is made with HTML, CSS, JavaScript and often templates, e.g. .liquid and embedded-ruby, etc.
  • 8. The controller accepts input and converts it to commands for the model or view. C: Controller
  • 11. A controller can send commands to the model to update the model's state (e.g., editing a document). It can also send commands to its associated view to change the view's presentation of the model (e.g., by scrolling through a document). A model stores data that is retrieved to the controller and displayed in the view. Whenever there is a change to the data it is updated by the controller. A view requests information from the controller. The controller fetches it from the model and passes it to the view that the view uses to generate an output representation to the user.