lecture 2 slides - plone site · cs193p fall 2017-18 stanford cs193p developing applications for...
TRANSCRIPT
![Page 1: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/1.jpg)
CS193pFall 2017-18
Stanford CS193pDeveloping Applications for iOS
Fall 2017-18
![Page 2: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/2.jpg)
CS193pFall 2017-18
TodayMVC
Object-Oriented Design Pattern
Continuation of Concentration DemoUse MVC to make our Concentration game a lot smarterCreating our own data structures (Concentration and Card)Initialization
![Page 3: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/3.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
Divide objects in your program into 3 “camps.”
![Page 4: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/4.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
Model = What your application is (but not how it is displayed)
![Page 5: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/5.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
Controller = How your Model is presented to the user (UI logic)
![Page 6: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/6.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
View = Your Controller’s minions
![Page 7: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/7.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
It’s all about managing communication between camps
![Page 8: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/8.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
Controllers can always talk directly to their Model.
![Page 9: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/9.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
outlet
Controllers can also talk directly to their View.
![Page 10: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/10.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
outlet
The Model and View should never speak to each other.
![Page 11: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/11.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
?outlet
Can the View speak to its Controller?
![Page 12: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/12.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
outlet
Sort of. Communication is “blind” and structured.
![Page 13: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/13.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
outlet
target
The Controller can drop a target on itself.
![Page 14: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/14.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
outlet
target
Then hand out an action to the View.
![Page 15: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/15.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
outlet
target
Then hand out an action to the View.
![Page 16: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/16.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
outlet
target
The View sends the action when things happen in the UI.
![Page 17: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/17.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
outlet
should
will did
target
Sometimes the View needs to synchronize with the Controller.
![Page 18: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/18.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
should
will did
target
The Controller sets itself as the View’s delegate.
![Page 19: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/19.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
should
will did
target
The delegate is set via a protocol (i.e. it’s “blind” to class).
![Page 20: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/20.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
should
will did
target
Views do not own the data they display.
![Page 21: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/21.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
should
will did
target
countdata at
So, if needed, they have a protocol to acquire it.
![Page 22: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/22.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
data source
should
will did
target
countdata at
Controllers are almost always that data source (not Model!).
![Page 23: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/23.jpg)
CS193pFall 2017-18
Controllers interpret/format Model information for the View.
Controller
MVC
Model View
action
delegate
outlet
data source
should
will did
target
countdata at
![Page 24: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/24.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
? delegate
outlet
data source
should
will did
target
countdata at
Can the Model talk directly to the Controller?
![Page 25: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/25.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
data source
should
will did
target
countdata at
No. The Model is (should be) UI independent.
![Page 26: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/26.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
delegate
outlet
data source
should
will did
target
countdata at
So what if the Model has information to update or something?
![Page 27: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/27.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
Notification& KVO
delegate
outlet
data source
should
will did
target
countdata at
It uses a “radio station”-like broadcast mechanism.
![Page 28: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/28.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
Notification& KVO
delegate
outlet
data source
should
will did
target
countdata at
Controllers (or other Model) “tune in” to interesting stuff.
![Page 29: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/29.jpg)
CS193pFall 2017-18
A View might “tune in,” but probably not to a Model’s “station.”
Controller
MVC
Model View
action
Notification& KVO
delegate
outlet
data source
should
will did
target
countdata at
![Page 30: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/30.jpg)
CS193pFall 2017-18
Controller
MVC
Model View
action
Notification& KVO
delegate
outlet
data source
should
will did
target
countdata at
Now combine MVC groups to make complicated programs ...
![Page 31: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/31.jpg)
CS193pFall 2017-18
MVCs working together
![Page 32: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/32.jpg)
CS193pFall 2017-18
MVCs not working together
![Page 33: Lecture 2 Slides - Plone site · CS193p Fall 2017-18 Stanford CS193p Developing Applications for iOS Fall 2017-18](https://reader036.vdocuments.site/reader036/viewer/2022062604/5f776acca72d5c550b6cf4cd/html5/thumbnails/33.jpg)
CS193pFall 2017-18
DemoConcentration continued …
MVCInitializationstruct vs. classstatic methods and propertiesmore about OptionalsDictionary<KeyType,ValueType>(time permitting) UIStackView and autolayout