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.

Slides:

Advertisements

Similar presentations

SE2811 Week 8 Monday (last drop day) The Command Pattern Lambda Expressions SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr.

Advertisements

SE2811 Week 7, Class 2 The Gang of Four and more … Lab Thursday: Quiz SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder.

OOP Design Patterns Chapters Design Patterns The main idea behind design patterns is to extract the high level interactions between objects and.

MVC Nick Lopez Duplication of course material for any commercial purpose without the explicit written permission of the professor is prohibited.

Graphical User Interface (GUI) Nelson Padua-Perez Chau-Wen Tseng Department of Computer Science University of Maryland, College Park.

Object-Oriented Analysis and Design

1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.

Model View Controller (MVC) Architecture. Terminology and History MVC evolved from Smalltalk-80 Has become a key pattern in web based applications – If.

More OOP Design Patterns

NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.

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.

Model View Controller (MVC) Rick Mercer with a wide variety of others 1.

Model-View-Controller Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.

SE3910 Week 2, Class 1 Today Basic Circuits Other ??? Tomorrow Lab 2, S365 (Complete prelab BEFORE) Thursday See ScheduleSchedule SE-2811 Slide design:

Chapter 6 – Architectural Design CSE-411, Dr. Shamim H Ripon.

SE1011 Week 2, Class 3 Today Compiling and running Another example using Scanner Compile-time and Run-time errors Review for exam SE-1011 Slide design:

Software Design 8.1 Model, View, Controller: battleship l Who does what, where are responsibilities in MVC?  This is a pattern, so there's isn't "one.

SE-1021 Software Engineering II Week 5, Class 2 Why my computer crashed Layouts Multiple action listeners Single actionPerformed method – distinguishing.

March 20, 2006 © 2005 IBM Corporation Distributed Multimodal Synchronization Protocol (DMSP) Chris Cross IETF 65 March 20, 2006 With Contribution from.

CS2910 Week 1, Class 2 Today Announce Prof. Michael Vieau’s S-341 6p Thurs Wk 2 Assignment for tomorrow Data Encoding, Part 1 Parsing Data Muddiest Point.

CS2910 Week 1, Class 1 Today Introductions Class/Lab Layout Safety Review - Note about Lab Safety Review Announce Prof. Michael Vieau’s S-341 6p Thurs.

Title Carolina First Steering Committee October 9, 2010 Online Voting System Design Yinpeng Li and Tian Cao May 3, 2011.

Week 9, Class 3: Model-View-Controller Today Happens-Before Adapter and Façade Pattern (high-level) Tuesday: Project code due, 11pm Wednesday: Quiz Choose.

CS2852 Week 3, Class 2 Today Stacks Queues SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder 1.

CS2910 Week 5, Class 2 Today DNS Muddy Points More HTTP Headers Review for Midterm Exam This coming Monday: Midterm Exam SE-2811 Slide design: Dr. Mark.

Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor

CS2852 Week 6, Class 1 Today The run-time stack Writing and proving recursive methods SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors:

CS2852 Week 5, Class 2 Today Queue Applications Circular Queue Implementation Testing SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors:

CS2910 Week 7, Lab Today SMTP lab Tuesday (Either today or yesterday) Extra office hour at 11 am (right after lab) Friday Office hour cancelled SE-2811.

CS2910 Week 10, Class 1 Today Modular Arithmetic RSA Week 10, Monday Quiz: Potential topics TCP window size & header format Public/private key encryption.

CS2852 Week 7, Class 1 Today Binary Search Tree Implementing add Implementing find Return Quiz 4 (second attempt) Both sections are graded SE-2811 Slide.

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.

CS2910 Week 4, Class 1 Today Encoding in Python – Review Quiz – Encoding in Python Introduction to HTTP SE-2811 Slide design: Dr. Mark L. Hornick Content:

Java - hello world example public class HelloWorld { public static void main (String args[]) { System.out.println("Hello World"); }

CS2852 Week 3, Class 2 Today Big-O runtime analysis Linked Lists Muddiest Point Lab Quiz Includes writing a method from ArrayList class (See next slide)

Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.

Week 7, Class 1: The Command Pattern (cont.) Get Ready for Poll Everywhere Labs 2 & 3 returned Lab 7 due this evening at 11pm Quiz tomorrow at start of.

CS2910 Week 4, Class 2 Today Sit by someone you have not yet worked with this quarter. Learn his/her name if unknown. Turn on your laptop and start Wireshark.

Model-View-Controller A Design Pattern SE-2030 Dr. Rob Hasker 1 Based on slides written by Dr. Mark L. Hornick Used with permission.

Slide design: Dr. Mark L. Hornick

CS2910 Week 8, Class 2 Today Return Quiz Look at Schedule TCP implementation! Week 8, Monday Quiz on SMTP May include some questions requiring you to interpret.

CS2910 Week 7, Class 1 Today Capturing SMTP with Thunderbird Tomorrow Extra office hour at 11 am (right after lab) Friday Office hour cancelled SE-2811.

Week 9, Day 1 Proxy SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder 1.

Week 6, Class 3: Composite Swing composites File composites Computer composites SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors:

Week 4, Day 1: Singleton(s?) Singleton leftover Why singletons? How to make lazy initialization work multi- threaded? Observers Why observers? Class structure.

Week 5, Class 3: Decorators Lab questions? Example: Starbuzz coffee Basic Pattern More examples Design Principles Compare with alternatives SE-2811 Slide.

SE3910 Week 6, Class 1 Week 6, Class 2 (Wednesday) Quiz Week 7, Class 2 (Wednesday) Half-Exam 2 Bring Calculator!! Qt GUI Design Analog and Digital Datarates.

CS2910 Week 6, Lab Today Dictionaries in Python SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder 1.

SE2811 Week 8 – Class 2 Re: Lab due tonight SE-2811 Slide design: Dr. Mark L. Hornick Much Content: Dr. Hornick Most Errors: Dr. Yoder 1.

SE3910 Week 8, Class 2 Week 4 Lab: Please return your graded Lab 4 to me so I can enter it in my gradebook Week 7, Class 2 (Wednesday) Half-Exam 2 Done.

Java SWING and Model View Controller (MVC)

Slide design: Dr. Mark L. Hornick

SE-1011 Slide design: Dr. Mark L. Hornick Instructor: Dr. Yoder

System Design Ashima Wadhwa.

Observer Design Pattern

Model-View-Controller

Week 7, Class 1: The Command Pattern (cont.)

1 To go to the next slide, click this button instead. A random slide will come up.

SE-1011 Slide design: Dr. Mark L. Hornick Instructor: Dr. Yoder

SE-1011 Slide design: Dr. Mark L. Hornick Instructor: Dr. Yoder

Slide design: Dr. Mark L. Hornick

Slide design: Dr. Mark L. Hornick

11. MVC SE2811 Software Component Design

11. MVC SE2811 Software Component Design

Slide design: Dr. Mark L. Hornick

SE-1021 Software Engineering II

SE-1011 Slide design: Dr. Mark L. Hornick Instructor: Dr. Yoder

SE-1011 Slide design: Dr. Mark L. Hornick Instructor: Dr. Yoder

Slide design: Dr. Mark L. Hornick

Presentation transcript:

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 pattern? SE-2811 Slide design: Dr. Mark L. Hornick Content: Dr. Hornick Errors: Dr. Yoder 1

Why MVC? To support the user’s mental model SE-2811 Dr.Yoder 2 mvc-index.html

What is MVC? SE-2811 Dr. Josiah Yoder 3 User View Controller Model click, drag, type manipulate update display

What is MVC (2) SE-2811 Dr. Josiah Yoder 4 User View Controller Model click, drag, type manipulate update display forward events update

What is MVC? (3) SE-2811 Dr. Josiah Yoder 5 View Controller Model change state update user clicked, etc. change.. display update state,. please

MVC and Design Patterns From the “Gang of Four” … “MVC decouples views and models by establishing a subscribe/notify protocol between them [and[ lets you attach multiple views to a model” What design pattern is this? SE-2811 Dr.Yoder 6

MVC and Design Patterns From the “Gang of Four” … “ MVC also lets you change the way a view responds to user input without changing its visual presentation. You might want to change the way it responds to the keyboard, for example, or have it use a pop-up menu instead of command keys. MVC encapsulates the response mechanism in a Controller object. ” What design pattern is this? SE-2811 Dr.Yoder 7

MVC and Design Patterns From the “Gang of Four” … “MVC decouples views and models by establishing a subscribe/notify protocol between them [and[ lets you attach multiple views to a model” What design pattern is this? SE-2811 Dr.Yoder 8

MVC and Design Patterns From the “Gang of Four” … “Another feature of MVC is that views can be nested.” What design pattern is this? SE-2811 Dr.Yoder 9

Simon without MVC SE-2811 Dr.Yoder 10

Goal: Make web version of Barnyard Simon RESTful programming – Representational State Transfer SOAP – Simple Object Access Protocol HTTP/2 – HTTP for an interactive web SE-2811 Dr.Yoder 11

What will go where? Model View Control Button responses Sequence Current position Scores Playing sounds GUI stuff User selects option SE-2811 Dr.Yoder 12

Pattern Fever Applying patterns when you shouldn’t When might you apply patterns when you shouldn’t? SE-2811 Dr. Yoder 13