![\"Screen](\"http:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-content\/uploads\/sites\/193\/2017\/03\/Screen-Shot-2017-03-20-at-10.53.53-300x150.png\")
<\/p>\n
Figure 1. The original concept behind MVC<\/a><\/p>\n \u00a0Although originally developed for desktop software, MVC became largely popular for\u00a0web\/mobile applications architecture design.<\/p>\n What does MVC mean?<\/strong><\/p>\n Model <\/em>is the\u00a0knowledge domain.<\/p>\n View <\/em>is the visual representation of the model.<\/p>\n Controller\u00a0<\/em>is the link between a\u00a0user and the system. Provides means for user input and produces\u00a0means for user output.<\/p>\n Figure 2. Basic MVC\u00a0interaction diagram<\/p>\n This structure splits the architecture of an app into three interconnected parts, so that the internal representation of information and user representation of information can be separated.<\/p>\n For example<\/a>, we can look at the Web from the MVC point of view. The model is\u00a0HTML that communicates the knowledge to a user. The view is a\u00a0CSS that makes the information readable and nicely represented. The controller is a\u00a0browser that renders the HTML and CSS and produces an output and translates the user\u00a0input into script code. From the evident statistics of the Web usage, we can conclude the MVC model works fine.<\/p>\n The\u00a0pros of MVC<\/strong><\/p>\n The cons of MVC<\/strong><\/p>\n We conclude that the MVC design pattern is aligned with our design and development core.<\/p>\n Figure 3. The NaviGap MVC design pattern<\/p>\n We have chosen to use Django<\/a>\u00a0python web framework because it is open-source, free and is targeted at highly-loaded database-driven applications.\u00a0Django web framework is viewed as an MVC<\/a> architecture. The Model is an object-relational mapper assisting connection between data python classes and a relational database. The View is a system processing HTTP requests and the Controller is the\u00a0URL dispatcher. Also, we will be using AngularJs<\/a> to extend the capabilities of declaring dynamic views in our mobile app.<\/p>\n In short, we have a layout of planned works to be done.<\/p>\n Using open-source frameworks and environments not only reduces our costs of production, but provides opportunities for collaboration, and expertise from the developers’ community.<\/p>\n","protected":false},"excerpt":{"rendered":" When choosing a system architecture design framework for our app, we picked the Model-View-Controller model and we will explain the reasons behind that. Historically MVC was the earliest example of Graphical User Interface design approaches since its introduction by\u00a0Trygve Reenskaug\u00a0 MVC into Smalltalk. It solved the problem of user control over large data sets. The […]<\/p>\n","protected":false},"author":2298,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12,32],"tags":[34,28,35,33],"class_list":["post-87","post","type-post","status-publish","format-standard","hentry","category-app","category-development","tag-angularjs","tag-development","tag-django","tag-mvc"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/posts\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/users\/2298"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":2,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/posts\/87\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"MVC-basic\"](\"http:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-content\/uploads\/sites\/193\/2017\/03\/MVC-basic-300x180.png\")
<\/p>\n\n
\n
![\"Screen](\"http:\/\/generic.wordpress.soton.ac.uk\/gapapp\/wp-content\/uploads\/sites\/193\/2017\/03\/Screen-Shot-2017-03-20-at-10.47.26-300x191.png\")
<\/p>\nProcess plan:<\/h3>\n
\n