Model-View-Controller

Slides:



Advertisements
Similar presentations
UML State Machine Diagrams and Modeling
Advertisements

Week 8, Class 3: Model-View-Controller Model-View-Controller Why? What? How? Example: Barnyard Simon for the Web Question: Where should we use the command.
MVC Nick Lopez Duplication of course material for any commercial purpose without the explicit written permission of the professor is prohibited.
Interaction Models. Interaction Definition An interaction is a behavior that comprises a set of messages exchanged among a set of objects within a context.
Design patterns Observer,Strategi, Composite,Template (Chap 5, 6)
State Machines State diagrams SE-2030 Dr. Rob Hasker 1 Based on slides written by Dr. Mark L. Hornick Used with permission.
MODEL VIEW CONTROLLER A Technical Seminar Report submitted to
MVC and MVP. References enter.html enter.html
Week 5, Day 3: Observer Today Reducing coupling with the Observer The Observer pattern in Java APIs Posting events to a UI worker thread SE-2811 Slide.
SE-1010 Dr. Mark L. Hornick 1 Introduction to Object-Oriented Programming (OOP) Part 1.
BTS430 Systems Analysis and Design using UML Domain Model Part 1—Finding Conceptual Classes.
Object Management Group (OMG) Specifies open standards for every aspect of distributed computing Multiplatform Model Driven Architecture (MDA)
COMP 6471 Software Design Methodologies Winter 2006 Dr Greg Butler
11 Software Engineering Dr. K. T. Tsang Lecture 9 Advance State Modeling
DEV-36: Composite MVP – Building Blocks in Presentation Layer
The Factory Patterns SE-2811 Dr. Mark L. Hornick 1.
$100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300.
The Proxy Pattern SE-2811 Dr. Mark L. Hornick 1. The Proxy Pattern has many variations, but in general: The Proxy Pattern uses an proxy object as a surrogate.
CS-1020 Dr. Mark L. Hornick 1 Event-Driven Programming.
Software Engineering Emphasis for Engineering Computing Courses William Hankley Computing & Information Sciences Kansas State University.
SE-2840 Dr. Mark L. Hornick1 AngularJS A library for JavaScript.
Use Case Textual Analysis
CS-4220 Dr. Mark L. Hornick 1 CS-4220 (last time!) Web Software Applications.
UML Class Diagram notation Indicating relationships between classes SE-2030 Dr. Mark L. Hornick 1.
SE-2840 Dr. Mark L. Hornick 1 Introduction to Ajax Asynchronous Javascript And XML.
State Machines State diagrams SE-2030 Dr. Mark L. Hornick 1.
Week 7, Day 3 Half-Exam 2 A New Pattern SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder 1.
SE-2811 Software Component Design Week 1, Day 2 Making teams Warm-up exercise Design pattern defined SE-2811 Dr. Josiah Yoder Slide style: Dr. Hornick.
SE-1021 Software Engineering II Week 9, Class 1 ByteBuffer Tomorrow Get quizzes back from last week… Wednesday Quiz at start of lab 1.
Week 5, Day 3: Decorator Decorators Muddiest Point Tomorrow: Quiz on lab reading: web.msoe.edu/hasker/se2811/labs/5/ SE-2811 Slide design:
Week 5, Day 2: Decorator Decorators Muddiest Point Tomorrow: Quiz on lab reading: web.msoe.edu/hasker/se2811/labs/5/ SE-2811 Slide design:
Model-View-Controller A Design Pattern SE-2030 Dr. Rob Hasker 1 Based on slides written by Dr. Mark L. Hornick Used with permission.
High Level Design Use Case Textual Analysis SE-2030 Dr. Mark L. Hornick 1.
The Command Pattern SE-2811 Dr. Mark L. Hornick 1.
SE-2811 Software Component Design Week 1, Day 1 Design pattern defined Code that needs a design pattern… SE-2811 Dr. Josiah Yoder Slide style: Dr. Hornick.
Week 6, Class 3: Composite Swing composites File composites Computer composites SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors:
UML Review Sequence Diagrams SE-2030 Dr. Rob Hasker 1 Based on slides written by Dr. Mark L. Hornick Used with permission.
UML Review – class diagrams SE-2030 Dr. Mark L. Hornick 1.
Chapter 5 – System Modeling
Slide design: Dr. Mark L. Hornick
Chapter 5 – System Modeling
Chapter 10 Design Patterns.
SE-2811 Software Component Design
Mastering UML with Rational Rose 2002
State Transition Diagram for A System
Note 11 Command Pattern SE2811 Software Component Design
UML dynamic Modeling (Behavior Diagram)
SE-2811 Software Component Design
Object Oriented Analysis and Design
12. Command Pattern SE2811 Software Component Design
The Document Object Model
Creating Graphical User Interfaces
GRASP (General Responsibility Assignment Software Patterns)
Advanced State Chart diagrams
Building Graphical User Interface with Swing a short introduction
Week 7, Class 1: The Command Pattern (cont.)
Starting Design: Logical Architecture and UML Package Diagrams
Software Design Lecture : 15.
Flux your app via Redux Quick introduction of state management in JavaScript apps using Redux.
Week 6, Class 2: Observer Pattern
12. Command Pattern SE2811 Software Component Design
SE-1021 Software Engineering II
Slide design: Dr. Mark L. Hornick
Slide design: Dr. Mark L. Hornick
SE-1021 Software Engineering II
16. Visitors SE2811 Software Component Design
SE-1021 Software Engineering II
15. Proxy SE2811 Software Component Design
16. Visitors SE2811 Software Component Design
Anti-patterns SE-2811 Dr. Mark L. Hornick.
Presentation transcript:

Model-View-Controller A Design Pattern SE-2030 Dr. Mark L. Hornick

Model-View-Controller is one of many different types of Design Patterns A Design Pattern is A “standard” arrangement of certain classes that comprise a solution to a given problem These classes interact in a specific way to implement a specific functionality The same type of function is typically found in many types of applications Other Design Patterns are covered in SE-2811 (Software Component Design) SE-2030 Dr. Mark L. Hornick

The Model-View-Controller pattern is an arrangement of three classes Controller Reacts to user events and responds by invoking actions on the Model notifies modifies Model The specific representation of data which the application operates upon View Presents the Model to the user (UI); Notifies Controller of user interactions displays SE-2030 Dr. Mark L. Hornick

UML Class diagram for a Calculator app SE-2030 Dr. Mark L. Hornick