Charting your path to app nirvana with AEM Mobile

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Charting your path to app nirvana with AEM MobileBruce Lefebvre | Computer Scientist, Lead

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3

Bruce LefebvreComputer Scientist, Lead

@brucelefebvre


Many routes to the Summit


Many routes to the Summit


| Roadblocks on your path to app nirvana

| Route 1: You have AEM content

| Route 2: You have an app

| Route 3: You have an AEM Mobile app


Apps made easy


Leverage existing app investment

Extend reach of existing content

Delight customers with personalization

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9

If there is a reason for an audience to do this, you have unprecedented access to that audience.


App Nirvana Manage all mobile apps in one place Author content as a non-technical user Update apps without requiring store re-submission Analyze usage to inform decisions Personalize content for each user Notify users to keep them coming back


Roadblocks


Problem: Mobile Platforms in 2016

12

Objective-C/Swift

C#, C++

Java

Java


For use with full-screen images or diagrams that look good on black

Black Content Area Layout

13

Vendor lock-in



For use with full-screen images or diagrams that look good on gray

Gray Content Area Layout

15

Siloed teams create inconsistent branding across channels Reusing content from other mediums is tedious, error prone, and expensive

Problem: Content Reuse


Problem: Stale Content Gets Uninstalled

Apps which don’t continue to offer value will be removed

Store driven updates are easy to ignore


Problem: Various point solutions

App Prototyping for

UX Design

Mobile App Dev Platform (MADPs)

Point App Services


Route 1: You have existing AEM content


You are here: existing Adobe Experience Manager content Using AEM to create, manage, and optimize digital experiences Authors are experts with AEM’s touch first UI Developers adept with building templates, components, and workflows

Using Java, JSP, ESP, and/or Sightly Using the power of the web for maximum reach


You’d like to be able to

Have a presence in popular app stores Reuse existing content

Commerce Assets Sites

Reuse author skillset


Demo: AEM Mobile & content reuse



Lab L325: Build Enterprise Apps Fast with Experience Manager Mobile When: Tuesday March 22nd @ 2:00PM Where: Lido 3105

Lab L305: Add power to your apps with Cordova in Adobe Experience Manager Mobile When: Thursday March 24th @ 1:00PM Where: Lido 3105 SOLD OUT!

Lab L325: Build Enterprise Apps Fast with Experience Manager Mobile When: Wednesday March 23rd @ 8:30AM Where: Lido 3105 SOLD OUT!

Next Steps

23


Route 2: You have an app


You are here: an existing app Using point solutions for:

Analytics Push notifications Content management Authentication

Using hybrid technology to extend reach


You’d like to be able to Manage all applications from a central

location Use an integrated platform instead of a

variety of disjointed solutions Author parts of the app with a user friendly

editor Preview app changes on real hardware

Without wasting time configuring certs and provisioning profiles


Solution: Vendor lock-in Web tech

Write once, run everywhere Deliver content to many form factors Open standards, open platforms

“If a browser doesn’t do something it’s not because it can’t; it’s just because we haven’t gotten around to implementing that part yet.”

- Brian LeRoux


Things you can do on Mobile

28

Nothing ALL the things

Mobile website

Native app

(2016)

Gap!


Solution: Vendor lock-in

Apache Cordova


Solution: Supporting multiple platforms Cordova/PhoneGap

A cross-platform app framework Initially PhoneGap, created by Nitobi Donated to ASF in 2011 as Cordova

Supported platforms iOS Android BB10 WP7, WP8, Windows 8 Amazon Fire OS Tizen and more…


App management

31


Analytics

32


Demo: Hybrid import & App preview


L324: Manage your existing mobile apps & content with Experience Manager Mobile When: Thursday March 24th @ 10:00AM Where: Lido 3105

Adobe Experience Manager Mobile: Hybrid App Reference sample github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference

L330 - Drive mobile app acquisition and retention through Adobe Mobile Services When: Wednesday, Mar 23rd @ 2:00PM Where: Lido 3105

Next steps

34

https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference

https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference


Route 3: You have an AEM Mobile app


You are here: an existing AEM Mobile app Leveraging the power of the Marketing Cloud in your mobile apps Providing Over-the-air content updates to keep your apps relevant Using Mobile Services to make informed changes


You’d like to be able to

Deep link into the application via push notifications

Use templates to create new apps quickly Personalize content with Adobe Target

Push new offers over-the-air


Adobe Target

Author personalized content AEM Sites tools

User profile data is used to determine segment

Content can be updated at any time using an OTA update


Push notifications (now with deep link support)

39


Demo: Targeted content & OTA updates


Using AEM 6.1? AEM Mobile Feature Pack 3: CQ-6.1.0-APPS-FEATUREPACK Feature Pack 3 Samples: CQ-6.1.0-APPS-FEATUREPACK-SAMPLES

Stay tuned for AEM 6.2!

Next steps

41

https://www.adobeaemcloud.com/content/marketplace/marketplaceProxy.html?packagePath=/content/companies/public/adobe/packages/cq610/featurepack3/cq-6.1.0-apps-featurepack

https://www.adobeaemcloud.com/content/marketplace/marketplaceProxy.html?packagePath=/content/companies/public/adobe/packages/cq610/featurepack3/cq-6.1.0-apps-featurepack-samples


Leverage existing app investment

Extend reach of existing content

Delight customers with personalization


Bruce LefebvreTwitter: @brucelefebvre

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.


Creative resources Devices image:

http://www.anchormobile.net/category/mobile-marketing/ Jail image: ©iStock.com/wsmahar -

http://www.istockphoto.com/photo/hands-on-cell-bars-9019693 Silo image:

http://commons.wikimedia.org/wiki/File:Ralls_Texas_Grain_Silos_2010.jpg

Thumbs up image Pedestrian Detour Unixstickers ‘all the things’ Swiss army knife Person Raising Both Hands in Celebration emoji

http://www.anchormobile.net/category/mobile-marketing/

http://www.istockphoto.com/profile/wsmahar

http://www.istockphoto.com/photo/hands-on-cell-bars-9019693



https://commons.wikimedia.org/wiki/File:Symbol_thumbs_up.svg

https://commons.wikimedia.org/wiki/File:Singapore_Road_Signs_-_Temporary_Sign_-_Pedestrian_Detour.svg

http://www.unixstickers.com/stickers/meme-stickers/misc-all-the-things-meme-shaped-sticker

http://www.unixstickers.com/stickers/meme-stickers/misc-all-the-things-meme-shaped-sticker

http://www.stradiji.com/wp-content/uploads/2013/03/swiss-army-knife.png

http://emojipedia.org/person-raising-both-hands-in-celebration/



Technology

Charting your path to app nirvana with AEM Mobile