{"id":1582,"date":"2016-12-14T17:07:36","date_gmt":"2016-12-14T17:07:36","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1582"},"modified":"2016-12-14T17:21:22","modified_gmt":"2016-12-14T17:21:22","slug":"built-with-ionic-diesel-mobile-app","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app","title":{"rendered":"Built with Ionic: Diesel mobile app"},"content":{"rendered":"

\"diesel-header\"

MobileCaddy<\/a> is a Mobile Innovation Award-winning product company focused on helping mobile app developers in the Salesforce ecosystem. Their primary product, also named MobileCaddy, allows Salesforce consultancies and partners to rapidly build next-generation offline-first hybrid applications, standardized on Ionic, with a toolset primarily built to support the Ionic framework.<\/p>\n

\u201cWe\u2019ve been using Ionic since Beta 3,\u201d says Todd Halfpenny, Mobile Technical Architect at MobileCaddy. \u201cWe had tried other libraries and frameworks, but nothing compared to the speed of development through the Ionic directives. Things like collection-repeat gave the apps a true performance advantage.\u201d<\/p>\n

When global fashion brand Diesel, a Salesforce client, reached the limitations of their Salesforce1 pre-packaged mobile app, Diesel leadership realized they needed an app that was robust enough to deliver on the needs of their workforce, with a more intuitive UX. MobileCaddy built a new Diesel mobile app using Ionic in six weeks, then developed a further three versions based on newly identified needs over the next few months thanks to the solution\u2019s built-in versioning capability.<\/p>\n

The resulting app helps Diesel\u2019s merchandising team<\/a> report on and analyze each store\u2019s and and product\u2019s performance during store visits and identify new ways to positively represent the Diesel brand.
\n<\/p>\n

\"Diesel

MobileCaddy delivered the key \u201coffline-first\u201d functionality and custom UX\/UI that were required to salvage Diesel\u2019s initial investment in Salesforce mobile. The MobileCaddy app now uses the Salesforce Mobile SDK, network information, orientation lock, and camera plugins.<\/p>\n

\u201cThe Salesforce Mobile SDK plugin allowed us to hugely reduce the work needed to handle user authentication into Salesforce.com, as well as supporting an encrypted SQLite database interface out of the box,\u201d says Todd.<\/p>\n

MobileCaddy CEO Justin Halfpenny adds that the UI had to mask both the complexity of the processes and the large quantities of records in the app.<\/p>\n

\u201cTo solve this, we used a technology called D3, which is a JavaScript charting library, which meant the users would be given a simple chart, enabling easy in-store analysis of the data within the app,\u201d explains Justin. \u201cThere was also the challenge of using the phone to take photos in-store, for which we used the native iOS capability through the Cordova wrapper, then surfaced that back onto the Salesforce platform.\u201d<\/p>\n

The Diesel app uses MobileCaddy\u2019s OTA-style app updates for apps and offline-first behaviour, which was needed due to the environment in which users\u2019 line-of-business tasks occur.<\/p>\n

At the time, Diesel only needed an iOS app.<\/p>\n

\u201cThere was still the potential of a change in device policy going forward, so this was handled by using Ionic with Cordova, meaning there was a single codebase to ensure no further cost for Diesel if the devices were changed to Android or Windows down the line,\u201d says Justin, who notes that this is a key requirement for the enterprise, where purchasing and device policies can change, and companies don\u2019t want to have to rebuild their apps every time there\u2019s a change.<\/p>\n

\u201cWe believe Ionic is the best hybrid framework for us to offer to Salesforce enterprise clients, because it has the benefit of being stress-tested across large quantities of consumer-based users, along with the flexibility and speed that enterprise-grade apps need,\u201d says Justin.<\/p>\n

Diesel\u2019s project team couldn\u2019t believe the app was a hybrid app, thanks to its speed and UI.<\/p>\n

\u201cIonic\u2019s focus on performance, plus the incredible team and community that has grown around it, has really impressed us,\u201d says Todd.<\/p>\n","protected":false},"excerpt":{"rendered":"

MobileCaddy is a Mobile Innovation Award-winning product company focused on helping mobile app developers in the Salesforce ecosystem. Their primary product, also named MobileCaddy, allows Salesforce consultancies and partners to rapidly build next-generation offline-first hybrid applications, standardized on Ionic, with a toolset primarily built to support the Ionic framework. \u201cWe\u2019ve been using Ionic since Beta […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[8,3],"class_list":["post-1582","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with","tag-ionic"],"acf":[],"yoast_head":"\nBuilt with Ionic: Diesel mobile app - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Built with Ionic: Diesel mobile app\" \/>\n<meta property=\"og:description\" content=\"MobileCaddy is a Mobile Innovation Award-winning product company focused on helping mobile app developers in the Salesforce ecosystem. Their primary product, also named MobileCaddy, allows Salesforce consultancies and partners to rapidly build next-generation offline-first hybrid applications, standardized on Ionic, with a toolset primarily built to support the Ionic framework. \u201cWe\u2019ve been using Ionic since Beta […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-14T17:07:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-14T17:21:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg\" \/>\n<meta name=\"author\" content=\"Katie Ginder-Vogel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@katiegv\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katie Ginder-Vogel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Built with Ionic: Diesel mobile app\",\"datePublished\":\"2016-12-14T17:07:36+00:00\",\"dateModified\":\"2016-12-14T17:21:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\"},\"wordCount\":581,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg\",\"keywords\":[\"Built With\",\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\",\"url\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\",\"name\":\"Built with Ionic: Diesel mobile app - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg\",\"datePublished\":\"2016-12-14T17:07:36+00:00\",\"dateModified\":\"2016-12-14T17:21:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg\",\"width\":1400,\"height\":832},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Built with Ionic: Diesel mobile app\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\",\"name\":\"Katie Ginder-Vogel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"caption\":\"Katie Ginder-Vogel\"},\"sameAs\":[\"https:\/\/x.com\/katiegv\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/katie\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Built with Ionic: Diesel mobile app - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app","og_locale":"en_US","og_type":"article","og_title":"Built with Ionic: Diesel mobile app","og_description":"MobileCaddy is a Mobile Innovation Award-winning product company focused on helping mobile app developers in the Salesforce ecosystem. Their primary product, also named MobileCaddy, allows Salesforce consultancies and partners to rapidly build next-generation offline-first hybrid applications, standardized on Ionic, with a toolset primarily built to support the Ionic framework. \u201cWe\u2019ve been using Ionic since Beta […]","og_url":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app","og_site_name":"Ionic Blog","article_published_time":"2016-12-14T17:07:36+00:00","article_modified_time":"2016-12-14T17:21:22+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg"}],"author":"Katie Ginder-Vogel","twitter_card":"summary_large_image","twitter_creator":"@katiegv","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Katie Ginder-Vogel","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Built with Ionic: Diesel mobile app","datePublished":"2016-12-14T17:07:36+00:00","dateModified":"2016-12-14T17:21:22+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app"},"wordCount":581,"commentCount":1,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg","keywords":["Built With","Ionic"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app","url":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app","name":"Built with Ionic: Diesel mobile app - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg","datePublished":"2016-12-14T17:07:36+00:00","dateModified":"2016-12-14T17:21:22+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/12\/diesel-header.jpg","width":1400,"height":832},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-diesel-mobile-app#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Built with Ionic: Diesel mobile app"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd","name":"Katie Ginder-Vogel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","caption":"Katie Ginder-Vogel"},"sameAs":["https:\/\/x.com\/katiegv"],"url":"https:\/\/ionic.io\/blog\/author\/katie"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}