13
MVC IN SENCHA TOUCH - NITHYA 1

Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Embed Size (px)

DESCRIPTION

MVC in sencha touch

Citation preview

Page 1: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

MVC IN SENCHA TOUCH - NITHYA

1

Page 2: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Why MVC?

Teamwork

Apps often need teams

Different people work different ways

We need standards

Code needs to be organized

Best practices followed

© 2010, Cognizant Technology Solutions. Confidential 2

Page 3: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

What is MVC?

View

Model

Controller

© 2010, Cognizant Technology Solutions. Confidential 3

Page 4: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Model

Loads and manages the application data.

Usually in response to requests from the View

© 2010, Cognizant Technology Solutions. Confidential 4

Page 5: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Manages the display of information and UI controls

© 2010, Cognizant Technology Solutions. Confidential 5

View

Page 6: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Listens for inputs from the user, updates Model and View

© 2010, Cognizant Technology Solutions. Confidential 6

Controller

Page 7: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

MVC Standards

Common Usage Patterns – Application namespace

Common File Structure – Strict MVC structure

© 2010, Cognizant Technology Solutions. Confidential 7

Page 8: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Model

A Model represents some object that your application manages

© 2010, Cognizant Technology Solutions. Confidential 8

Page 9: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

View

© 2010, Cognizant Technology Solutions. Confidential 9

Page 10: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Controller

© 2010, Cognizant Technology Solutions. Confidential 10

Page 11: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

File Structure

© 2010, Cognizant Technology Solutions. Confidential 11

Page 12: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

Benefits of MVC

Scalability

Maintainability

Flexibility

© 2010, Cognizant Technology Solutions. Confidential 12

Page 13: Workshop on Sencha Touch - Part 3 - MVC in sencha touch

© 2010, Cognizant Technology Solutions. Confidential 13