{"id":1399,"date":"2011-01-24T14:00:59","date_gmt":"2011-01-24T20:00:59","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=1399"},"modified":"2022-11-22T10:26:31","modified_gmt":"2022-11-22T16:26:31","slug":"mobile-applications-why-architecture-matters","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2011\/01\/mobile-applications-why-architecture-matters\/","title":{"rendered":"Mobile applications: Why architecture matters"},"content":{"rendered":"<p><a name=\"20110124\"><\/a><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-728\" title=\"SaveTime\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/SaveTime.jpg\" alt=\"Save Time\" width=\"76\" height=\"100\" \/>A couple of months ago, I wrote up my thoughts on developing mobile applications for business.  In short, I believe that creating web apps designed for mobile use makes more business sense than creating platform-specific applications.  I\u2019d like to go one step further and explain how this concept works from an architectural perspective.<\/p>\n<p>First, you must understand n-Tier architecture.  While this sounds like a complicated technical term, I assure you that it\u2019s relatively simple and makes sense from a business perspective.  In short, n-Tier architecture breaks an application up into separate layers, or tiers.  Typically, there\u2019s a presentation layer (what you see in the browser), an application layer (your business logic), and a database layer (data storage).<!--more--><\/p>\n<p>How does this apply to mobile web applications?  Applications built with n-Tier architecture let you create multiple presentation layers for each application.  That means one application could have 3 different presentation layers, each optimized for different devices.  For example, take a look at the image below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1403\" style=\"border: none;\" title=\"nTierMobile\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2011\/01\/nTierMobile1.jpg\" alt=\"\" width=\"480\" height=\"400\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2011\/01\/nTierMobile1.jpg 600w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2011\/01\/nTierMobile1-300x250.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/p>\n<p>In case it\u2019s not clear in the image, this is an example of one application with 3 different presentation layers.<strong> Although it looks different on each device, it\u2019s all one application!<\/strong><\/p>\n<p><strong>How does this work?<\/strong> First, you create the application.  Once you create the application, you create different presentation layers for each device that will access the application.  Then, you place a piece of javascript in the application that checks the user\u2019s browser and delivers the appropriate presentation layer to the appropriate device.<\/p>\n<p><strong>How does this help you?<\/strong> First, it saves time&#8230;lots of time.  You\u2019re not building different applications for different devices.  Altering presentation layers is far less time consuming than creating whole new applications.  Also, since this application runs in the browser, you\u2019re only creating one presentation layer for all smartphones, regardless of operating system.<\/p>\n<p>Think about it: Would you rather create a new application for every smartphone and tablet operating system, or create one application with multiple presentation layers?<\/p>\n<p>Here\u2019s another way it helps you.  Since each tier is separate of each other, they can reside in different places, and be edited by different people.  That means your designers can maintain the presentation layers without touching the application or database layers.  That means a change to the application only requires one change to the necessary layer.  In other words, it\u2019s a safer approach that\u2019s also easier to maintain.  If I used corporate buzzwords, I would call that a \u201cwin-win.\u201d<\/p>\n<p>Why should you take this approach with your mobile business applications?  It\u2019s easier, safer, faster, and more maintainable.  There\u2019s no need to run out and hire platform specific developers.  Of course, the one requirement for this method are n-Tier applications.  If you don\u2019t know how to create them, m-Power lets you create n-Tier web applications without any programming.  Try it for yourself with the free <a onclick=\"javascript:pageTracker._trackPageview(&#039;\/blog\/Click\/B110125_MobileApplicationArchitecture_TestDrive&#039;);\" href=\"https:\/\/www.mrc-productivity.com\/aw\/test-drive.html\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">m-Power Test Drive<\/span><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A couple of months ago, I wrote up my thoughts on developing mobile applications for business. In short, I believe that creating web apps designed for mobile use makes more business sense than creating platform-specific applications. I\u2019d like to go one step further and explain how this concept works from an architectural perspective. First, you &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.mrc-productivity.com\/blog\/2011\/01\/mobile-applications-why-architecture-matters\/\"> <span class=\"screen-reader-text\">Mobile applications: Why architecture matters<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","slim_seo":{"title":"Mobile applications: Why architecture matters - mrc&#039;s Cup of Joe Blog","description":"A couple of months ago, I wrote up my thoughts on developing mobile applications for business. In short, I believe that creating web apps designed for mobile us"},"footnotes":""},"categories":[6],"tags":[35],"class_list":["post-1399","post","type-post","status-publish","format-standard","hentry","category-save-time","tag-mobile-apps"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":2,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/1399\/revisions"}],"predecessor-version":[{"id":13713,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/1399\/revisions\/13713"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=1399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=1399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}