Model-View-Controller
Architecture
Devan M.S.
What is MVC?

Architectural design pattern which works to
separate data and UI for a more cohesive and
modularized system
What is MVC?

Model represents the data model
− “Manages behavior and data of the application
domain”

View represents the screen(s) shown to the
user
− “Manages the graphical and/or textual output to the
portion of the bitmapped display that is allocated to
its application”

Controller represents interactions from the user
that changes the data and the view
− “Interprets the mouse and keyboard inputs from the
user, commanding the model and/or the view to
change as appropriate” (Burbeck)
How did it come about?

Presented by Trygve Reenskaug in 1979

First used in the Smalltalk-80 framework
− Used in making Apple interfaces (Lisa and
Macintosh)
How does it work?

User inputs a command

Controller handles input and updates model or
changes the view

View, which relies on model to show data to
user, updates if necessary

Rinse and Repeat
What is MVC?
What’s the point?

Provides a logical structure for heavily
interactive system

Adheres to good engineering design principles
and practices
− Information hiding, less coupling, simplicity, etc.
− Delegated control style
What’s the point?
 Just plain easier (even if it doesn’t look it)!
• Study shows that most introductory CS college
students tend to clump a UI program into one big
monolithic main class
• Unfamiliarity stems from student tendency to
program according to styles presented in textbooks
and not being introduced to design principles early
(Morse)
Conclusion

MVC is a sound architectural design for
almost any GUI application
Conclusion

MVC is a sound architectural design for
almost any GUI application

More Related Content

PPTX
Model View Controller ext4
PDF
MVC - In Details
PPTX
Systems Archticture
PPTX
Facade Pattern
PDF
N-Tier, Layered Design, SOA
PPTX
N-tier and oop - moving across technologies
PPTX
Layered architecture style
Model View Controller ext4
MVC - In Details
Systems Archticture
Facade Pattern
N-Tier, Layered Design, SOA
N-tier and oop - moving across technologies
Layered architecture style

What's hot (19)

PDF
Architecture logicielle #4 : mvc
PPS
Multi Tier Architecture
PPTX
SysML Tutorial
PPTX
N-Tier Application Architecture
PDF
Presentation facade design pattern
PPTX
Facade pattern presentation(.pptx)
PPTX
An Inference Sharing Architecture for a More Efficient Context Reasoning
PPT
Facade pattern
PPTX
Design pattern
PPTX
Facadepattern
PDF
VBA Macros Course Content
PPTX
Layered Architecture - Software Architecture Pattern
PPT
Model Driven Architectures
Architecture logicielle #4 : mvc
Multi Tier Architecture
SysML Tutorial
N-Tier Application Architecture
Presentation facade design pattern
Facade pattern presentation(.pptx)
An Inference Sharing Architecture for a More Efficient Context Reasoning
Facade pattern
Design pattern
Facadepattern
VBA Macros Course Content
Layered Architecture - Software Architecture Pattern
Model Driven Architectures
Ad

Viewers also liked (20)

PDF
Just a View: An Introduction To Model-View-Controller Pattern
PPTX
Mashups de carátulas de álbumes musicales
PDF
Cinco aplicaciones básicas para los viajeros
PDF
“ICT in Colombia”
PDF
Una comunidad para construir ciudades inteligentes
PPTX
Presentation2 vers3
PDF
Configuración de aplicaciones para momentos concretos del día
PDF
Diseñe gráficos e impresiones como un profesional
PPT
MVC
PDF
Solución de cuidado personal al alcance de una app
PDF
Cloud Services & the Development of ISO/IEC 27018
ODP
What is MVC?
PDF
Lean startup: convierta su idea en un negocio
PDF
Preparación virtual en competencias y habilidades para las Pruebas Saber
PDF
Padres interesados en cuidar a sus hijos en Internet
PPT
Why MVC?
PDF
Redes sociales para la gestión de equipos de trabajo
PDF
Comunicación efectiva entre instituciones educativas, profesores, padres y al...
PDF
¿Anuncios en Facebook? 5 claves para optimizar la publicidad
Just a View: An Introduction To Model-View-Controller Pattern
Mashups de carátulas de álbumes musicales
Cinco aplicaciones básicas para los viajeros
“ICT in Colombia”
Una comunidad para construir ciudades inteligentes
Presentation2 vers3
Configuración de aplicaciones para momentos concretos del día
Diseñe gráficos e impresiones como un profesional
MVC
Solución de cuidado personal al alcance de una app
Cloud Services & the Development of ISO/IEC 27018
What is MVC?
Lean startup: convierta su idea en un negocio
Preparación virtual en competencias y habilidades para las Pruebas Saber
Padres interesados en cuidar a sus hijos en Internet
Why MVC?
Redes sociales para la gestión de equipos de trabajo
Comunicación efectiva entre instituciones educativas, profesores, padres y al...
¿Anuncios en Facebook? 5 claves para optimizar la publicidad
Ad

Similar to Mvc devan (20)

PPTX
Mvc pattern and implementation in java fair
PPTX
Cs 1023 lec 2 (week 1) edit 1
PPTX
Cs 1023 lec 2 (week 1) edit 1
PPT
Ppt of Basic MVC Structure
PPTX
What Are The Benefits Of Using MVC Framework In ASP.NET Development.pptx
PPTX
What Are The Benefits Of Using MVC Framework In ASP.NET Development.pptx
PPSX
Software Design Patterns
PDF
MVC Architecture
PDF
Verbal+Visual: MVC Structure. Model, View, Controller.
PPTX
Interaction-Oriented Architecture.pptx
PPT
MVC(Model View Controller),Web,Enterprise,Mobile
PPT
MVC Pattern. Flex implementation of MVC
PPT
J2 ee archi
PPTX
Jsp with mvc
PPTX
PPT ON SOFTWARE ARCHITECTURE module4 CSE
PPT
Struts(mrsurwar) ppt
PPTX
6- Architecture design complete (1).pptx
PDF
MVC Web Application
DOCX
software architecture and design _Architectural Pattern vs design pattern.docx
Mvc pattern and implementation in java fair
Cs 1023 lec 2 (week 1) edit 1
Cs 1023 lec 2 (week 1) edit 1
Ppt of Basic MVC Structure
What Are The Benefits Of Using MVC Framework In ASP.NET Development.pptx
What Are The Benefits Of Using MVC Framework In ASP.NET Development.pptx
Software Design Patterns
MVC Architecture
Verbal+Visual: MVC Structure. Model, View, Controller.
Interaction-Oriented Architecture.pptx
MVC(Model View Controller),Web,Enterprise,Mobile
MVC Pattern. Flex implementation of MVC
J2 ee archi
Jsp with mvc
PPT ON SOFTWARE ARCHITECTURE module4 CSE
Struts(mrsurwar) ppt
6- Architecture design complete (1).pptx
MVC Web Application
software architecture and design _Architectural Pattern vs design pattern.docx

Recently uploaded (20)

PDF
August Patch Tuesday
PDF
Hybrid model detection and classification of lung cancer
PPTX
The various Industrial Revolutions .pptx
DOCX
search engine optimization ppt fir known well about this
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Architecture types and enterprise applications.pdf
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PPTX
Chapter 5: Probability Theory and Statistics
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
STKI Israel Market Study 2025 version august
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PPTX
Benefits of Physical activity for teenagers.pptx
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PDF
Getting Started with Data Integration: FME Form 101
PDF
Unlock new opportunities with location data.pdf
PDF
Getting started with AI Agents and Multi-Agent Systems
August Patch Tuesday
Hybrid model detection and classification of lung cancer
The various Industrial Revolutions .pptx
search engine optimization ppt fir known well about this
A novel scalable deep ensemble learning framework for big data classification...
Architecture types and enterprise applications.pdf
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Chapter 5: Probability Theory and Statistics
Module 1.ppt Iot fundamentals and Architecture
WOOl fibre morphology and structure.pdf for textiles
STKI Israel Market Study 2025 version august
A comparative study of natural language inference in Swahili using monolingua...
Assigned Numbers - 2025 - Bluetooth® Document
Group 1 Presentation -Planning and Decision Making .pptx
Benefits of Physical activity for teenagers.pptx
A contest of sentiment analysis: k-nearest neighbor versus neural network
NewMind AI Weekly Chronicles – August ’25 Week III
Getting Started with Data Integration: FME Form 101
Unlock new opportunities with location data.pdf
Getting started with AI Agents and Multi-Agent Systems

Mvc devan

  • 2. What is MVC?  Architectural design pattern which works to separate data and UI for a more cohesive and modularized system
  • 3. What is MVC?  Model represents the data model − “Manages behavior and data of the application domain”  View represents the screen(s) shown to the user − “Manages the graphical and/or textual output to the portion of the bitmapped display that is allocated to its application”  Controller represents interactions from the user that changes the data and the view − “Interprets the mouse and keyboard inputs from the user, commanding the model and/or the view to change as appropriate” (Burbeck)
  • 4. How did it come about?  Presented by Trygve Reenskaug in 1979  First used in the Smalltalk-80 framework − Used in making Apple interfaces (Lisa and Macintosh)
  • 5. How does it work?  User inputs a command  Controller handles input and updates model or changes the view  View, which relies on model to show data to user, updates if necessary  Rinse and Repeat
  • 7. What’s the point?  Provides a logical structure for heavily interactive system  Adheres to good engineering design principles and practices − Information hiding, less coupling, simplicity, etc. − Delegated control style
  • 8. What’s the point?  Just plain easier (even if it doesn’t look it)! • Study shows that most introductory CS college students tend to clump a UI program into one big monolithic main class • Unfamiliarity stems from student tendency to program according to styles presented in textbooks and not being introduced to design principles early (Morse)
  • 9. Conclusion  MVC is a sound architectural design for almost any GUI application
  • 10. Conclusion  MVC is a sound architectural design for almost any GUI application