evolve'16 | enhance | anthony rumsey | do you want to build a dashboard?
TRANSCRIPT
![Page 1: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/1.jpg)
#evolverocks
DO YOU WANT TO BUILD A DASHBOARD?
ANTHONY RUMSEY | COMPUTER SCIENTIST | ADOBE
August 30, 2016
![Page 2: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/2.jpg)
#evolverocks
1. AEM Mobile Introduction2. The AEM Mobile Dashboard3. Dashboard Customizations4. Q&A
OVERVIEW
![Page 3: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/3.jpg)
#evolverocks
GOALS
Configure a New Mobile
DashboardDevelop
Dashboard TilesManage Custom App Properties
![Page 4: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/4.jpg)
#evolverocks4
Sites Assets Communities Forms Mobile
Adobe Experience Manager
![Page 5: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/5.jpg)
#evolverocks5
Adobe Experience Manager Mobile
A product to build and manage mobile apps that leverages enterprise content, offers rapid time to market, deep extensibility and integrates with Adobe Marketing Cloud for app measurement and optimization.
![Page 6: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/6.jpg)
#evolverocks
BUILD. MANAGE. MEASURE. OPT IMIZE .
Create Your App Experience
Connect Your Data
Manage and Publish Apps
MeasureYour Impact
One unified dashboard lets you control all of your company’s apps,
and publish across platforms and devices.
Bring in valuable customer and product
information by integrating with third party APIs and critical
business systems.
Pull existing assets or create new content – and bring it all to life in an engaging app
experience.
Harness the Adobe Marketing Cloud solutions to drive engagement with
personalized content, targeted messaging and
tracking user activity.
![Page 7: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/7.jpg)
#evolverocks
• A collection of tiles that provide a consistent experience across all of your apps
• Real time data on the state of your apps• Manage content in your app• Perform actions such as publishing updates• Snapshot of Marketing Cloud integrations• Customizable to satisfy specific business needs
MOBILE DASHBOARD
![Page 8: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/8.jpg)
#evolverocks
![Page 9: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/9.jpg)
#evolverocks
![Page 10: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/10.jpg)
#evolverocks
![Page 11: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/11.jpg)
#evolverocks
![Page 12: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/12.jpg)
#evolverocks
AEM MOBILE RUNTIME
![Page 13: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/13.jpg)
#evolverocks
• Instance Resource Type• Defines the app type
• Dashboard Configuration• Defines a collection of tiles
• Developing New Tiles• Override existing tiles• Add new functionality
DASHBOARD CUSTOMIZATIONS
![Page 14: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/14.jpg)
#evolverocks
• Drives entire dashboard experience• Override app catalog rendering• Extend app details dialog• Uses Sling resource merger
• Core: /libs/mobileapps/core/components/instance• PhoneGap:
/libs/mobileapps/phonegap/components/instance• Custom:
/apps/arumsey/mobileapps/components/instance
INSTANCE RESOURCE TYPE
![Page 15: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/15.jpg)
#evolverocks
• sling:OrderedFolder listing the tiles that can appear for each app
• Default set of tiles include:• Manage App• Manage Content• Manage Updates• Manage Cloud Services• PhoneGap Build• Analyze Metrics• Push Notifications
• Use pge-dashboard-config instance property to specify custom config path
DASHBOARD CONFIGURATION
![Page 16: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/16.jpg)
#evolverocks
• Dashboard configuration for AEM Mobile Runtime• Default set of tiles include:
• Manage App• Manage Connection• Manage Banners• Manage Collections• Manage Articles
AEM MOBILE RUNTIME DASHBOARD
![Page 17: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/17.jpg)
#evolverocks
• Child nodes• All child tile definitions will be included
• tiles property• Any tile definition paths specified on the tiles multi-value property will also be
included
INCLUDING TILES
![Page 18: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/18.jpg)
#evolverocks
• Tiles provide an immediate snapshot on the status of your app
• Each tile is a cq:Page with a resourceType of mobileapps/gui/components/dashboard/tile
• A tile also needs to define several child nodes• Layout• Header• Body• Footer
DEVELOP A NEW TILE
![Page 19: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/19.jpg)
#evolverocks
• Layout• sling:resourceType=mobileapps/gui/components/
dashboard/tile/layout• Header
• title child node• Body
• can be rendered by any component• Footer
• href property to expand tile into new page
ANATOMY OF A TILE
![Page 20: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/20.jpg)
#evolverocks
ANATOMY OF A TILE
![Page 21: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/21.jpg)
#evolverocks
<DEMO TIME/>
![Page 22: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/22.jpg)
#evolverocks
CONCLUSION
![Page 23: EVOLVE'16 | Enhance | Anthony Rumsey | Do you want to build a dashboard?](https://reader035.vdocuments.mx/reader035/viewer/2022070521/58ef246f1a28abbb3a8b4635/html5/thumbnails/23.jpg)
#evolverocks
THANK YOU!Anthony Rumsey
http://bit.ly/aemm-custom-dashboard
@planetrumsey