SlideShare a Scribd company logo
1 of 45
Download to read offline
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
29-30 April, 2015 | ICC, ExCel, London
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Mobile App Development and Content Management with Adobe Experience Manager
Bruce Lefebvre | #AdobeSummit
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Bruce Lefebvre
Computer Scientist Lead at Adobe
@brucelefebvre
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Picture this…
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
There must be a better way
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
agenda.jsp
<%
out.println("<h1> AGENDA </h1>" +
"<ul> " +
" <li> Problem? </li>" +
" <li> Solution: AEM Apps " +
" <ul> " +
" <li> Creation </li>" +
" <li> Validation </li>" +
" <li> Management </li>" +
" <li> Updating </li>" +
" </ul> " +
" </li> " +
"</ul> ");
%>
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
SOLUTION
S
CORE
SERVICES
Adobe Marketing Cloud
PLATFORM
ANALYTICSEXPERIENCE
MANAGER
CAMPAIGNMEDIA
OPTIMIZER
SOCIAL TARGET
ACTIVATIO
N
ASSET
S
COLLABORATIO
N
EXCHANG
E
MOBIL
E
PROFILES
&
AUDIENC
ES
USER
MANAGEMENT
&
ADMINISTRATI
ON
Data & Content
PRIMETIME AUDIENCE
MANAGER
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Apps Made Easy
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Problem: Mobile Platforms in 2015
Objective-
C/Swift
C#, C++
Java
Java
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Vendor lock-in
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Problem: Content Reuse
 Siloed teams create inconsistent branding across channels
 Reusing content from other mediums is tedious, error prone, and expensive
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Problem: Stale Content Gets Uninstalled
 Apps which don’t continue to offer value
will be removed
 Store driven updates are easy to ignore
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
1. Multiple devices.
2. Multiple platforms.
4. Rising costs.
3. App updates workflow.
Problem: State of App Development in 2015
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
THE END
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Solution: Vendor lock-in
 Web tech
 Write once, run everywhere
 Open standards, open platforms
 Delivering content to many form factors
 Build apps with technology you know and love
“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
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Things you can do on Mobile
Nothing ALL the things
Mobile website Native app(2015)
Gap!
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Solution: Vendor lock-in
Adobe
PhoneGa
p
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
agenda.jsp
<%
out.println("<h1> AGENDA </h1>" +
"<ul> " +
" <li> Problem? </li>" +
" <li> ⇛ Solution: AEM Apps " +
" <ul> " +
" <li> Creation </li>" +
" <li> Validation </li>" +
" <li> Management </li>" +
" <li> Updating </li>" +
" </ul> " +
" </li> " +
"</ul> ");
%>
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps: Highlights
Central Control of Apps
Direct Distribution to
Stakeholders
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps: Highlights
“Drag and drop” Editor
Leverage
existing content
from DAM
Quickly and easily
create new app
screens
App Updates
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps: Highlights
Mobile Analytics
Push Notifications
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Solution: Content re-use
 Consolidate content in AEM
 Content reuse made easy via existing AEM mechanisms
 Business users need only one set of tools and skills for managing both sites and app
• Leverage your existing investment in AEM with workflows, permissions, machine translations, etc.
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
agenda.jsp
<%
out.println("<h1> AGENDA </h1>" +
"<ul> " +
" <li> Problem? </li>" +
" <li> Solution: AEM Apps " +
" <ul> " +
" <li> ⇛ Creation </li>" +
" <li> Validation </li>" +
" <li> Management </li>" +
" <li> Updating </li>" +
" </ul> " +
" </li> " +
"</ul> ");
%>
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps Starter Kit: 4 easy steps
1. Download the AEM Apps starter kit from github
$ git clone git@github.com:Adobe-Marketing-Cloud-
Apps/aem-phonegap-starter-kit.git
2. Customize with your brand & app name
$ ./customize-app.sh BruceInc SummitApp
3. Install to your AEM author instance
$ mvn –PautoInstallPackage install
4. Author in AEM
http://localhost:4502/aem/apps.html
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Could it really be that easy?
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
agenda.jsp
<%
out.println("<h1> AGENDA </h1>" +
"<ul> " +
" <li> Problem? </li>" +
" <li> Solution: AEM Apps " +
" <ul> " +
" <li> Creation </li>" +
" <li> ⇛ Validation </li>" +
" <li> Management </li>" +
" <li> Updating </li>" +
" </ul> " +
" </li> " +
"</ul> ");
%>
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
"Always code as if the guy who ends up maintaining your code
will be a violent psychopath who knows where you live."
- Martin Golding
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Validation Toolkit
 Server side
 Unit testing with JUnit
 Client side
 Unit testing with Jasmine
 Invoked by the Karma test runner
 AEM integration testing
 Hobbes
 Acceptance testing
 PGE App
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Acceptance: PGE App
Developmen
t
Staging Production
Internal Stakeholders Users
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Testing Demo
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
agenda.jsp
<%
out.println("<h1> AGENDA </h1>" +
"<ul> " +
" <li> Problem? </li>" +
" <li> Solution: AEM Apps " +
" <ul> " +
" <li> Creation </li>" +
" <li> Validation </li>" +
" <li> ⇛ Management </li>" +
" <li> ⇛ Updating </li>" +
" </ul> " +
" </li> " +
"</ul> ");
%>
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Mobile Maturity
 Marketers, developers, and creatives
are your mobile engagement trifecta
 Yet tools are often built with only the
developers in mind
 Results are in:
 60% of marketers are including
analytics as part of their strategy
 66% are using push notifications
 Why isn’t everyone?
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
App Updates
“Don’t update the app to this version! New version
with fix coming soon. Found severe usability
issue.”
 Keep app content relevant to keep users coming
back
 When done wrong: can be costly, time
consuming, and a nuisance for users
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps Dashboard
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
App Management Demo
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM Apps: Key Takeaways
Leverage tools your
marketers know and
love
1 Simplify your app
management pain
points
2 3Flexible platform to
deliver next
generation of mobile
experiences
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Apps Made Easy
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Q&AIf this session supports questions sent in via the app just go to Summit
Interact Your question, or one similar, may already be in the queue
Bruce Lefebvre
@brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Go HERE, doTHIS, and you could
WIN!
Log in for a personalised
experience.
Use the app to interact with
Summit
Download
the App
1
Complete at least
9 surveys to enter
the prize draw
Win an Apple
Watch Sport
3
Survey available
as the sessions
start
Give us feedback
It takes less than a minute
2
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
References
 Adobe 2014 Mobile Consumer Survey Results:
https://solutionpartners.adobe.com/content/dam/collateral/APEXAssets_Public/54458_amc_mobile
_survey_report_ue_v3.pdf
 Siegel, Ezra. 2013. Automatic app updates on iOS 7 will hurt app retention. Apptentive blog,
August 1. http://www.apptentive.com/blog/automatic-app-updates-on-ios7-app-retention
 Jína, Vojtěch. 2013. JavaScript Test Runner Master’s Thesis. https://github.com/karma-
runner/karma/raw/master/thesis.pdf
 Starter-kit on Github: https://github.com/Adobe-Marketing-Cloud-Apps/aem-phonegap-starter-kit
#AdobeSummit @brucelefebvre
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Creative References
 Black Friday store image: Kim Bhasin / Business Insider
http://www.businessinsider.com.au/photos-macys-black-friday-midnight-opening-2012-11
 Egg cracking gif: http://www.buzzfeed.com/julianbrand/40-gifs-of-stupid-infomercial-people-6eof
 Devices image: http://www.anchormobile.net/category/mobile-marketing/
 Jail image: ©iStock.com/wsmahar - http://www.istockphoto.com/photo/hands-on-cell-bars-9019693
 Stopwatch image: shutterstock/doomu - http://www.shutterstock.com/pic-111520028/stock-photo-
silver-modern-stopwatch-on-a-white-background.html
 Silo image: http://commons.wikimedia.org/wiki/File:Ralls_Texas_Grain_Silos_2010.jpg
 Unixstickers ‘all the things’: http://www.unixstickers.com/stickers/meme-stickers/misc-all-the-
things-meme-shaped-sticker
 Bug image: http://en.wikipedia.org/wiki/Reduviidae
 JUnit logo: http://junit.org/
 Karma logo: http://karma-runner.github.io/0.12/index.html
 Jasmine logo: http://jasmine.github.io/
#AdobeSummit @brucelefebvre

More Related Content

Featured

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Featured (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

Mobile App Dev and Content Management with Adobe Experience Manager

  • 1. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29-30 April, 2015 | ICC, ExCel, London
  • 2. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Mobile App Development and Content Management with Adobe Experience Manager Bruce Lefebvre | #AdobeSummit
  • 3. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Bruce Lefebvre Computer Scientist Lead at Adobe @brucelefebvre #AdobeSummit @brucelefebvre
  • 4. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Picture this…
  • 5. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. There must be a better way #AdobeSummit @brucelefebvre
  • 6. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. agenda.jsp <% out.println("<h1> AGENDA </h1>" + "<ul> " + " <li> Problem? </li>" + " <li> Solution: AEM Apps " + " <ul> " + " <li> Creation </li>" + " <li> Validation </li>" + " <li> Management </li>" + " <li> Updating </li>" + " </ul> " + " </li> " + "</ul> "); %> #AdobeSummit @brucelefebvre
  • 7. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. SOLUTION S CORE SERVICES Adobe Marketing Cloud PLATFORM ANALYTICSEXPERIENCE MANAGER CAMPAIGNMEDIA OPTIMIZER SOCIAL TARGET ACTIVATIO N ASSET S COLLABORATIO N EXCHANG E MOBIL E PROFILES & AUDIENC ES USER MANAGEMENT & ADMINISTRATI ON Data & Content PRIMETIME AUDIENCE MANAGER #AdobeSummit @brucelefebvre
  • 8. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Apps Made Easy
  • 9. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Problem: Mobile Platforms in 2015 Objective- C/Swift C#, C++ Java Java #AdobeSummit @brucelefebvre
  • 10. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Vendor lock-in
  • 11. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
  • 12. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Problem: Content Reuse  Siloed teams create inconsistent branding across channels  Reusing content from other mediums is tedious, error prone, and expensive #AdobeSummit @brucelefebvre
  • 13. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Problem: Stale Content Gets Uninstalled  Apps which don’t continue to offer value will be removed  Store driven updates are easy to ignore #AdobeSummit @brucelefebvre
  • 14. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 1. Multiple devices. 2. Multiple platforms. 4. Rising costs. 3. App updates workflow. Problem: State of App Development in 2015 #AdobeSummit @brucelefebvre
  • 15. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. THE END #AdobeSummit @brucelefebvre
  • 16. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Solution: Vendor lock-in  Web tech  Write once, run everywhere  Open standards, open platforms  Delivering content to many form factors  Build apps with technology you know and love “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 #AdobeSummit @brucelefebvre
  • 17. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Things you can do on Mobile Nothing ALL the things Mobile website Native app(2015) Gap! #AdobeSummit @brucelefebvre
  • 18. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Solution: Vendor lock-in Adobe PhoneGa p #AdobeSummit @brucelefebvre
  • 19. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. agenda.jsp <% out.println("<h1> AGENDA </h1>" + "<ul> " + " <li> Problem? </li>" + " <li> ⇛ Solution: AEM Apps " + " <ul> " + " <li> Creation </li>" + " <li> Validation </li>" + " <li> Management </li>" + " <li> Updating </li>" + " </ul> " + " </li> " + "</ul> "); %> #AdobeSummit @brucelefebvre
  • 20. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps #AdobeSummit @brucelefebvre
  • 21. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps: Highlights Central Control of Apps Direct Distribution to Stakeholders #AdobeSummit @brucelefebvre
  • 22. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps: Highlights “Drag and drop” Editor Leverage existing content from DAM Quickly and easily create new app screens App Updates #AdobeSummit @brucelefebvre
  • 23. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps: Highlights Mobile Analytics Push Notifications #AdobeSummit @brucelefebvre
  • 24. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Solution: Content re-use  Consolidate content in AEM  Content reuse made easy via existing AEM mechanisms  Business users need only one set of tools and skills for managing both sites and app • Leverage your existing investment in AEM with workflows, permissions, machine translations, etc. #AdobeSummit @brucelefebvre
  • 25. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. agenda.jsp <% out.println("<h1> AGENDA </h1>" + "<ul> " + " <li> Problem? </li>" + " <li> Solution: AEM Apps " + " <ul> " + " <li> ⇛ Creation </li>" + " <li> Validation </li>" + " <li> Management </li>" + " <li> Updating </li>" + " </ul> " + " </li> " + "</ul> "); %> #AdobeSummit @brucelefebvre
  • 26. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps Starter Kit: 4 easy steps 1. Download the AEM Apps starter kit from github $ git clone git@github.com:Adobe-Marketing-Cloud- Apps/aem-phonegap-starter-kit.git 2. Customize with your brand & app name $ ./customize-app.sh BruceInc SummitApp 3. Install to your AEM author instance $ mvn –PautoInstallPackage install 4. Author in AEM http://localhost:4502/aem/apps.html #AdobeSummit @brucelefebvre
  • 27. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Could it really be that easy?
  • 28. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. agenda.jsp <% out.println("<h1> AGENDA </h1>" + "<ul> " + " <li> Problem? </li>" + " <li> Solution: AEM Apps " + " <ul> " + " <li> Creation </li>" + " <li> ⇛ Validation </li>" + " <li> Management </li>" + " <li> Updating </li>" + " </ul> " + " </li> " + "</ul> "); %> #AdobeSummit @brucelefebvre
  • 29. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. "Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." - Martin Golding #AdobeSummit @brucelefebvre
  • 30. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Validation Toolkit  Server side  Unit testing with JUnit  Client side  Unit testing with Jasmine  Invoked by the Karma test runner  AEM integration testing  Hobbes  Acceptance testing  PGE App #AdobeSummit @brucelefebvre
  • 31. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Acceptance: PGE App Developmen t Staging Production Internal Stakeholders Users #AdobeSummit @brucelefebvre
  • 32. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Testing Demo
  • 33. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. agenda.jsp <% out.println("<h1> AGENDA </h1>" + "<ul> " + " <li> Problem? </li>" + " <li> Solution: AEM Apps " + " <ul> " + " <li> Creation </li>" + " <li> Validation </li>" + " <li> ⇛ Management </li>" + " <li> ⇛ Updating </li>" + " </ul> " + " </li> " + "</ul> "); %> #AdobeSummit @brucelefebvre
  • 34. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
  • 35. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Mobile Maturity  Marketers, developers, and creatives are your mobile engagement trifecta  Yet tools are often built with only the developers in mind  Results are in:  60% of marketers are including analytics as part of their strategy  66% are using push notifications  Why isn’t everyone? #AdobeSummit @brucelefebvre
  • 36. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. App Updates “Don’t update the app to this version! New version with fix coming soon. Found severe usability issue.”  Keep app content relevant to keep users coming back  When done wrong: can be costly, time consuming, and a nuisance for users #AdobeSummit @brucelefebvre
  • 37. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps Dashboard #AdobeSummit @brucelefebvre
  • 38. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. App Management Demo
  • 39. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AEM Apps: Key Takeaways Leverage tools your marketers know and love 1 Simplify your app management pain points 2 3Flexible platform to deliver next generation of mobile experiences #AdobeSummit @brucelefebvre
  • 40. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Apps Made Easy
  • 41. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @brucelefebvre
  • 42. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Q&AIf this session supports questions sent in via the app just go to Summit Interact Your question, or one similar, may already be in the queue Bruce Lefebvre @brucelefebvre
  • 43. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Go HERE, doTHIS, and you could WIN! Log in for a personalised experience. Use the app to interact with Summit Download the App 1 Complete at least 9 surveys to enter the prize draw Win an Apple Watch Sport 3 Survey available as the sessions start Give us feedback It takes less than a minute 2 #AdobeSummit @brucelefebvre
  • 44. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. References  Adobe 2014 Mobile Consumer Survey Results: https://solutionpartners.adobe.com/content/dam/collateral/APEXAssets_Public/54458_amc_mobile _survey_report_ue_v3.pdf  Siegel, Ezra. 2013. Automatic app updates on iOS 7 will hurt app retention. Apptentive blog, August 1. http://www.apptentive.com/blog/automatic-app-updates-on-ios7-app-retention  Jína, Vojtěch. 2013. JavaScript Test Runner Master’s Thesis. https://github.com/karma- runner/karma/raw/master/thesis.pdf  Starter-kit on Github: https://github.com/Adobe-Marketing-Cloud-Apps/aem-phonegap-starter-kit #AdobeSummit @brucelefebvre
  • 45. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Creative References  Black Friday store image: Kim Bhasin / Business Insider http://www.businessinsider.com.au/photos-macys-black-friday-midnight-opening-2012-11  Egg cracking gif: http://www.buzzfeed.com/julianbrand/40-gifs-of-stupid-infomercial-people-6eof  Devices image: http://www.anchormobile.net/category/mobile-marketing/  Jail image: ©iStock.com/wsmahar - http://www.istockphoto.com/photo/hands-on-cell-bars-9019693  Stopwatch image: shutterstock/doomu - http://www.shutterstock.com/pic-111520028/stock-photo- silver-modern-stopwatch-on-a-white-background.html  Silo image: http://commons.wikimedia.org/wiki/File:Ralls_Texas_Grain_Silos_2010.jpg  Unixstickers ‘all the things’: http://www.unixstickers.com/stickers/meme-stickers/misc-all-the- things-meme-shaped-sticker  Bug image: http://en.wikipedia.org/wiki/Reduviidae  JUnit logo: http://junit.org/  Karma logo: http://karma-runner.github.io/0.12/index.html  Jasmine logo: http://jasmine.github.io/ #AdobeSummit @brucelefebvre

Editor's Notes

  1. and I’ll be your host for this session. … I’d like to open with a little thought exercise.
  2. You’re in a board room with your esteemed colleagues… middle of november air is getting cold It’s the final lead up to one of America’s favourite holidays… Based on a TRUE story
  3. set a theme early: sample code everything you see in this deck is available to try: today. (with access to AEM, of course)
  4. Let’s start off with a quick look at the big picture. Everything we talk about at Summit is part of the big picture story of Adobe Marketing Cloud. Well, here is a quick look at Adobe Marketing Cloud, in all its glory.   I don’t want to spend a lot of time here, but we want to be clear that Adobe Marketing Cloud is not just a slogan, a campaign, or a gimmick. Analysts have universally agreed that when it comes to marketing clouds, or hubs, or suites, or whatever you care to call them, Adobe has the secret sauce that actually makes the sum greater than the value of the individual parts.   UNLIKE other marketing suites and bundles that are an incomplete collection of point products that are barely interoperable, much less integrated, Adobe Marketing Cloud is a comprehensive set of best-in-class, integrated solutions, all built on a common data platform with a common set of powerful core services that creates a lift and, dare we say it, synergy you can’t get with a jumbled toolbox.   Adobe Marketing Cloud consists of 8 comprehensive and integrated solutions. This is where the execution happens: Adobe Analytics—Get real-time analytics across online and offline channels to continuously improve the performance of marketing activities. Adobe Experience Manager—Organize, manage, and deliver creative assets and other content across digital marketing channels. Adobe Campaign—Plan and execute orchestrated campaigns across all channels. Adobe Target—Test and target digital experiences to maximize business results. Adobe Media Optimizer—Manage, forecast, and optimize your media mix to deliver peak return on your spend. Adobe Social—Manage social marketing with a comprehensive platform that enables social listening, publishing, and analytics. Adobe Primetime--Engage viewers across devices and deliver targeted ads independent of platform or device. Audience Manager – Identity Management. Audience Activation, Cross Device Measurement, Audience Marketplace , Audience Optimization   And above and beyond best in class individual solutions, once you own any part of Adobe Marketing Cloud, you get the secret integrated sauce.   Adobe Marketing Cloud Core Services—A set of core technologies that allow each of the solutions to tap into a common framework and architecture, including Profiles & Audiences, Assets, Activation, Mobile, Exchange, Collaboration, the Exchange partner network, and User Management and Administration, all built upon a common data platform.   Okay, now let’s see how what we’re talking about today fits into this framework . . .  
  5. … before I move on: who has android? ios? something else? You know you need to be building apps for at least 2 of the major platforms; how can we make it easier.
  6. Device vendors WANT this: it’s by design. Once you’ve invested enough money in their tools and languages, you’re trapped. “makes a customer dependent on a vendor for products and services, unable to use another vendor without substantial switching costs.”
  7. They wouldn’t have it any other way… But platforms aren’t the only issue…
  8. Multiple devices: more devices to design for; tablets and mini-tablets Multiple platforms: most companies have to design for Android + iOS at a minimum Stale content Rising costs: developer resources are scarce and in high demand, expensive to hire them and maintain apps across platforms
  9. - didn’t set out to solve vendor lock-in TIME 15 min
  10. Time 15 min.
  11. Bringing that Marketing cloud secret sauce to a device near you.
  12. Centralize app management and testing
  13. Continuously improve the app experience without taxing developer resources
  14. Share data (products, user-generated content) TIME 22 Min
  15. 22 min
  16. for the technical folks in the audience. AEM Apps projects live in a SCM system Required: Ability to use Maven to build and install into AEM Ability to initially customize app branding, title, and source paths Use the AEM Apps starter kit to bootstrap your apps project: https://github.com/Adobe-Marketing-Cloud-Apps/aem-phonegap-starter-kit
  17. Your developers are already testing (I hope!) Prove code correctness Avoid regressions Facilitate refactoring Encourage better design link to client side testing instructions in appendix
  18. according to Adobe Mobile marketing survey proven to increase engagement. so, why isn’t everyone using them? AEM Apps: level the playing field. make, manage, monetize super easy. allows entry to the more “advanced” aspects of mobile: push, updates, analytics etc. - NOT just buying content management for apps. completely new way for looking at applications.
  19. user’s with auto update?? user’s get weary of apps; “always out of date” prefer mobile web since it feels more up-to-date reference 54458_amc_mobile_survey_report_ie.pdf
  20. learned how to: - create - validate - manage - & update
  21. Spent a lot of time last year leading up to the content, this time I want the technical content to take center stage.