SlideShare a Scribd company logo
MVC IN SENCHA TOUCH
- NITHYA
1
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
What is MVC?
View
Model
Controller
© 2010, Cognizant Technology Solutions. Confidential 3
Model
 Loads and manages the application data.
 Usually in response to requests from the View
© 2010, Cognizant Technology Solutions. Confidential 4
 Manages the display of information and UI controls
© 2010, Cognizant Technology Solutions. Confidential 5
View
 Listens for inputs from the user, updates Model and View
© 2010, Cognizant Technology Solutions. Confidential 6
Controller
MVC Standards
 Common Usage Patterns – Application namespace
 Common File Structure – Strict MVC structure
© 2010, Cognizant Technology Solutions. Confidential 7
Model
 A Model represents some object that your application manages
© 2010, Cognizant Technology Solutions. Confidential 8
View
© 2010, Cognizant Technology Solutions. Confidential 9
Controller
© 2010, Cognizant Technology Solutions. Confidential 10
File Structure
© 2010, Cognizant Technology Solutions. Confidential 11
Benefits of MVC
 Scalability
 Maintainability
 Flexibility
© 2010, Cognizant Technology Solutions. Confidential 12
© 2010, Cognizant Technology Solutions. Confidential 13

More Related Content

What's hot

Top 5 Languages For Backend Programming
Top 5 Languages For Backend ProgrammingTop 5 Languages For Backend Programming
Top 5 Languages For Backend Programming
ForceBolt
 
Geek night micro front ends
Geek night   micro front endsGeek night   micro front ends
Geek night micro front ends
Rajagopal ParthaSarathi
 
Himanshu sikka profile
Himanshu sikka profileHimanshu sikka profile
Himanshu sikka profilecenturianrahul
 
11 Ways To Improve Software Quality
11 Ways To Improve Software Quality11 Ways To Improve Software Quality
11 Ways To Improve Software Quality
ForceBolt
 
9 reasons why angular js web development should be your choice in 2020
9 reasons why angular js web development should be your choice in 20209 reasons why angular js web development should be your choice in 2020
9 reasons why angular js web development should be your choice in 2020
Biztech Consulting & Solutions
 

What's hot (6)

Top 5 Languages For Backend Programming
Top 5 Languages For Backend ProgrammingTop 5 Languages For Backend Programming
Top 5 Languages For Backend Programming
 
Geek night micro front ends
Geek night   micro front endsGeek night   micro front ends
Geek night micro front ends
 
Himanshu sikka profile
Himanshu sikka profileHimanshu sikka profile
Himanshu sikka profile
 
11 Ways To Improve Software Quality
11 Ways To Improve Software Quality11 Ways To Improve Software Quality
11 Ways To Improve Software Quality
 
News March 2009
News   March 2009News   March 2009
News March 2009
 
9 reasons why angular js web development should be your choice in 2020
9 reasons why angular js web development should be your choice in 20209 reasons why angular js web development should be your choice in 2020
9 reasons why angular js web development should be your choice in 2020
 

Viewers also liked

Workshop on Sencha Touch - Part 4 - Views in sencha touch
Workshop on Sencha Touch - Part 4 - Views in sencha touchWorkshop on Sencha Touch - Part 4 - Views in sencha touch
Workshop on Sencha Touch - Part 4 - Views in sencha touch
Nithya Sivakumar
 
Workshop on Sencha Touch - Part 2 - First application in sencha touch
Workshop on Sencha Touch - Part 2 - First application in sencha touchWorkshop on Sencha Touch - Part 2 - First application in sencha touch
Workshop on Sencha Touch - Part 2 - First application in sencha touch
Nithya Sivakumar
 
Microservices session 1
Microservices session 1Microservices session 1
Microservices session 1
Shouri Varanasi
 
Workshop on Sencha Touch - Part 5 - UI components in sencha touch
Workshop on Sencha Touch - Part 5 - UI components in sencha touchWorkshop on Sencha Touch - Part 5 - UI components in sencha touch
Workshop on Sencha Touch - Part 5 - UI components in sencha touch
Nithya Sivakumar
 
A step-by-step guide to mobile application development strategy
A step-by-step guide to mobile application development strategyA step-by-step guide to mobile application development strategy
A step-by-step guide to mobile application development strategy
Nithya Sivakumar
 
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
BJ Fogg
 
BJ Fogg - The New Rules of Persuasion - Brussels 2009
BJ Fogg - The New Rules of Persuasion - Brussels 2009BJ Fogg - The New Rules of Persuasion - Brussels 2009
BJ Fogg - The New Rules of Persuasion - Brussels 2009
BJ Fogg
 

Viewers also liked (7)

Workshop on Sencha Touch - Part 4 - Views in sencha touch
Workshop on Sencha Touch - Part 4 - Views in sencha touchWorkshop on Sencha Touch - Part 4 - Views in sencha touch
Workshop on Sencha Touch - Part 4 - Views in sencha touch
 
Workshop on Sencha Touch - Part 2 - First application in sencha touch
Workshop on Sencha Touch - Part 2 - First application in sencha touchWorkshop on Sencha Touch - Part 2 - First application in sencha touch
Workshop on Sencha Touch - Part 2 - First application in sencha touch
 
Microservices session 1
Microservices session 1Microservices session 1
Microservices session 1
 
Workshop on Sencha Touch - Part 5 - UI components in sencha touch
Workshop on Sencha Touch - Part 5 - UI components in sencha touchWorkshop on Sencha Touch - Part 5 - UI components in sencha touch
Workshop on Sencha Touch - Part 5 - UI components in sencha touch
 
A step-by-step guide to mobile application development strategy
A step-by-step guide to mobile application development strategyA step-by-step guide to mobile application development strategy
A step-by-step guide to mobile application development strategy
 
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
10 Million In 10 Weeks -- What Stanford Learned Building Facebook Apps
 
BJ Fogg - The New Rules of Persuasion - Brussels 2009
BJ Fogg - The New Rules of Persuasion - Brussels 2009BJ Fogg - The New Rules of Persuasion - Brussels 2009
BJ Fogg - The New Rules of Persuasion - Brussels 2009
 

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

MVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,MobileMVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,Mobile
naral
 
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
CrimsonpublishersPRSP
 
software architecture
software architecturesoftware architecture
software architecture
arnav gupta
 
Avigma Tech LLC- Why the MVC pattern so popular?
Avigma Tech LLC- Why the MVC pattern so popular?Avigma Tech LLC- Why the MVC pattern so popular?
Avigma Tech LLC- Why the MVC pattern so popular?
Mike Brown
 
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
RapidValue
 
IRJET- MVC Framework: A Modern Web Application Development Approach and Working
IRJET- MVC Framework: A Modern Web Application Development Approach and WorkingIRJET- MVC Framework: A Modern Web Application Development Approach and Working
IRJET- MVC Framework: A Modern Web Application Development Approach and Working
IRJET Journal
 
Mvc Architecture in a web based application
Mvc Architecture in a web based applicationMvc Architecture in a web based application
Mvc Architecture in a web based application
OnGraph Technologies Pvt. Ltd.
 
Mvc pattern and implementation in java fair
Mvc   pattern   and implementation   in   java fairMvc   pattern   and implementation   in   java fair
Mvc pattern and implementation in java fairTech_MX
 
A study of mvc – a software design pattern for web application development
A study of mvc – a software design pattern for web application developmentA study of mvc – a software design pattern for web application development
A study of mvc – a software design pattern for web application developmentIAEME Publication
 
mvc development company in UK
mvc development company in UK mvc development company in UK
mvc development company in UK
Techrishblogger
 
mvc development company in UK
mvc development company in UK mvc development company in UK
mvc development company in UK
Techrishblogger
 
mvc development company in UK
mvc development company in UKmvc development company in UK
mvc development company in UK
Techrishblogger
 
Task 2 - Educational Article – Model View Controller (MVC)
Task 2 - Educational Article – Model View Controller (MVC)Task 2 - Educational Article – Model View Controller (MVC)
Task 2 - Educational Article – Model View Controller (MVC)Shubham Goenka
 
Principles of MVC for PHP Developers
Principles of MVC for PHP DevelopersPrinciples of MVC for PHP Developers
Principles of MVC for PHP Developers
Edureka!
 
Mvc
MvcMvc
Mvc
abhigad
 
Why MVC?
Why MVC?Why MVC?
Why MVC?
Wayne Tun Myint
 
Introduction to mvc architecture
Introduction to mvc architectureIntroduction to mvc architecture
Introduction to mvc architecture
ravindraquicsolv
 
Introduction to ASP.NET Core MVC and the MVC Pattern.pptx
Introduction to ASP.NET Core MVC and the MVC Pattern.pptxIntroduction to ASP.NET Core MVC and the MVC Pattern.pptx
Introduction to ASP.NET Core MVC and the MVC Pattern.pptx
QuickwayInfoSystems3
 

Similar to Workshop on Sencha Touch - Part 3 - MVC in sencha touch (20)

MVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,MobileMVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,Mobile
 
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
MVC Architecture: A Detailed Insight to the Modern Web Applications Developme...
 
software architecture
software architecturesoftware architecture
software architecture
 
Avigma Tech LLC- Why the MVC pattern so popular?
Avigma Tech LLC- Why the MVC pattern so popular?Avigma Tech LLC- Why the MVC pattern so popular?
Avigma Tech LLC- Why the MVC pattern so popular?
 
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
 
IRJET- MVC Framework: A Modern Web Application Development Approach and Working
IRJET- MVC Framework: A Modern Web Application Development Approach and WorkingIRJET- MVC Framework: A Modern Web Application Development Approach and Working
IRJET- MVC Framework: A Modern Web Application Development Approach and Working
 
Mvc Architecture in a web based application
Mvc Architecture in a web based applicationMvc Architecture in a web based application
Mvc Architecture in a web based application
 
Mvc pattern and implementation in java fair
Mvc   pattern   and implementation   in   java fairMvc   pattern   and implementation   in   java fair
Mvc pattern and implementation in java fair
 
A study of mvc – a software design pattern for web application development
A study of mvc – a software design pattern for web application developmentA study of mvc – a software design pattern for web application development
A study of mvc – a software design pattern for web application development
 
mvc development company in UK
mvc development company in UK mvc development company in UK
mvc development company in UK
 
mvc development company in UK
mvc development company in UK mvc development company in UK
mvc development company in UK
 
mvc development company in UK
mvc development company in UKmvc development company in UK
mvc development company in UK
 
Task 2 - Educational Article – Model View Controller (MVC)
Task 2 - Educational Article – Model View Controller (MVC)Task 2 - Educational Article – Model View Controller (MVC)
Task 2 - Educational Article – Model View Controller (MVC)
 
149 152
149 152149 152
149 152
 
Principles of MVC for PHP Developers
Principles of MVC for PHP DevelopersPrinciples of MVC for PHP Developers
Principles of MVC for PHP Developers
 
Mvc
MvcMvc
Mvc
 
Why MVC?
Why MVC?Why MVC?
Why MVC?
 
Introduction to mvc architecture
Introduction to mvc architectureIntroduction to mvc architecture
Introduction to mvc architecture
 
IntroductionToMVC
IntroductionToMVCIntroductionToMVC
IntroductionToMVC
 
Introduction to ASP.NET Core MVC and the MVC Pattern.pptx
Introduction to ASP.NET Core MVC and the MVC Pattern.pptxIntroduction to ASP.NET Core MVC and the MVC Pattern.pptx
Introduction to ASP.NET Core MVC and the MVC Pattern.pptx
 

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

  • 1. MVC IN SENCHA TOUCH - NITHYA 1
  • 2. 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
  • 3. What is MVC? View Model Controller © 2010, Cognizant Technology Solutions. Confidential 3
  • 4. Model  Loads and manages the application data.  Usually in response to requests from the View © 2010, Cognizant Technology Solutions. Confidential 4
  • 5.  Manages the display of information and UI controls © 2010, Cognizant Technology Solutions. Confidential 5 View
  • 6.  Listens for inputs from the user, updates Model and View © 2010, Cognizant Technology Solutions. Confidential 6 Controller
  • 7. MVC Standards  Common Usage Patterns – Application namespace  Common File Structure – Strict MVC structure © 2010, Cognizant Technology Solutions. Confidential 7
  • 8. Model  A Model represents some object that your application manages © 2010, Cognizant Technology Solutions. Confidential 8
  • 9. View © 2010, Cognizant Technology Solutions. Confidential 9
  • 10. Controller © 2010, Cognizant Technology Solutions. Confidential 10
  • 11. File Structure © 2010, Cognizant Technology Solutions. Confidential 11
  • 12. Benefits of MVC  Scalability  Maintainability  Flexibility © 2010, Cognizant Technology Solutions. Confidential 12
  • 13. © 2010, Cognizant Technology Solutions. Confidential 13