1. Content-Centric Apps for Mobile Devices
with AEM and DPS Integration
John Fait
Software Development Lead, Adobe
AEM R&D, Ottawa

2. Who are you?

4. Key Takeaways
DPS as a new
channel for
AEM content
Developers
continue using
their AEM skills
Authors
continue to
control content
the AEM way

5. You may be thinking…

6. Key Takeaways
DPS as a new
channel for
AEM content
Developers
continue using
their AEM skills
Authors
continue to
control content
the AEM way

7. Adobe® Digital Publishing Suite (DPS)

8. Adobe® Digital Publishing Suite (DPS)
“Create, distribute, monetize,
and optimize engaging content
and publications for mobile
devices.”

9. Adobe® Digital Publishing Suite (DPS)
Platform

10. Adobe® Experience Manager (AEM)

11. Adobe® Experience Manager (AEM)
“Organize, create, and manage the
delivery of creative assets and other
content across your digital marketing
channels, including web, mobile, email,
communities, and video.”

12. AEM + DPS

13. DPS Way
Pros:
• Highly designed content that can be very engaging
and interactive
• Creatives have a great deal of freedom
Cons:
• Slow – custom layout for each article and
orientation
• Multiple files for different target devices
• Requires InDesign expertise

14. AEM + DPS Way
Pros:
• Rapid development using templates
• Automated creation of multiple formats
• Easy content reuse
• Content is fully managed
• Low barrier to entry for users
Cons:
• Pixel perfect/complex layouts are difficult

15. Key Takeaways
DPS as a new
channel for
AEM content
Developers
continue using
their AEM skills
Authors
continue to
control content
the AEM way

16. DPS
AEM
AEM + DPS
Integration Details
DPS Integration
Content Management
Interface
DPS Web Services

17. DPS
AEM
AEM + DPS
Integration Details
DPS Integration
Content
Management
Interface
DPS Web Services
Publication
Console
Workflow Servlet
DPS Page
Manager
Content
Sync
Sling
Rewriter
Cloud
Service
DPS Session Service DPS Folio Producer Service
DPS OAUTH Service DPS Folio Producer Service
MSM

18. DPS
AEM
AEM + DPS
Content Integration Details
Media PublisherWCM
Folder
Page
Designs
Folio
Article
ClientLibs
Assets
contains
uses
contains
contains
DPSFolio
DPSPage
contains
contains
HTMLResources
contains
uses
contains

19. DPS
AEM
AEM + DPS
Content Integration Details
Media PublisherWCM
Folder
Page
Designs
Folio
Article
ClientLibs
Assets
contains
uses
contains
contains
DPSFolio
DPSPage
contains
contains
HTMLResources
contains
uses
contains
adaptTo
transform
transform
transform

20. Folio Properties
cq:cloudserivceconfigs
dps‐resourceType=dps:Issue
dps‐exportTemplate
dps‐folioId
dps‐* metadata

21. Article Properties
dps‐resourceType=dps:Article
dps‐articleId
dps‐* metadata

22. ContentSync Configuration
for DPS export
• Folio linked to a configuration via property dps‐
exportTemplate
• dps‐folio configuration transforms content in
<article>.folio
• dps‐HTMLResources configuration transforms AEM
content into HTMLResources.zip
• Several handlers available out of the box
• Create custom handlers as needed

23. Key Takeaways
DPS as a new
channel for
AEM content
Developers
continue using
their AEM skills
Authors
continue to
control content
the AEM way

24. Publication Console

25. Author Workflow

26. • Create DPS CloudService instance
• Manage AEM Folio using Publication Console
• Edit sample Folio Geometrixx‐Unlimited + assign created cloudservice
• Upload Folio from AEM to FolioProducer
• Manage Folio using FolioProducer
• Preview on device with Adobe Content Viewer

27. • Create Live Copies for multi‐device Folio
• Upload Folio from AEM to FolioProducer
• Manage Folio using FolioProducer
• Preview on device with Adobe Content Viewer

28. Scaling Image Component
• Folio aware component
• Adapt rendered size and quality
• Manage image file size

30. • <RESOURCE_PATH>.img.<FOLIO_SIZE>.<QUALITY>.<EXTENSION>

32. ContentSync Handler
• Configuration setup can take time
• Front loaded dev task
• WARNING : Not all components export well
• be prepared to create custom content sync handlers
• Update your configuration to include your handlers

33. • Geometrix Unlimited
• AEMHub
• CMO.com
• CondeNast Vanity Fair
• Lord Abbett Perspectives

34. Tips and Tricks
• Use RWD & AWD
• Manage folio size
• Embrace simplicity
• Look for existing and new DevNet articles
• Preview /Debug
• In AEM
• Of file system
• On Device
• Logging
• Increase logging of com.adobe.cq.media
• Redirect DPS_FP_EVENTS & DPS_CQ_EVENTS to dps.log

35. Key Takeaways
DPS as a new
channel for
AEM content
Developers
continue using
their AEM skills
Authors
continue to
control content
the AEM way

37. Resources
AEM : http://www.adobe.com/solutions/web‐experience‐management.html
DPS : http://www.adobe.com/ca/products/digital‐publishing‐suite‐enterprise.html
AEM + DPS : http://www.adobe.com/products/digital‐publishing‐suite‐enterprise/adobe‐experience‐manager.html
AEM Gems : http://dev.day.com/gems
AEM Forums : http://help‐forums.adobe.com/content/adobeforums/en/experience‐manager‐forum/adobe‐experience‐
manager.html
DPS DevNet : http://www.adobe.com/devnet/digitalpublishingsuite.html
http://www.adobe.com/devnet/digitalpublishingsuite/articles/aem‐dps‐tips‐tricks.html
http://www.adobe.com/devnet/digitalpublishingsuite/articles/aem‐dps‐responsive‐design.html
http://www.adobe.com/devnet/digitalpublishingsuite/articles/aem‐dps‐advanced‐topics.html
Publications
CMO : https://itunes.apple.com/gb/app/cmo‐magazine/id813307980?mt=8
Lord Abbett : https://itunes.apple.com/us/app/lord‐abbett‐perspectives/id787529379?mt=8
Vanity Fair iPhone : https://itunes.apple.com/ca/app/vanity‐fair‐digital‐edition/id427270716?mt=8

38. Image Copyrights
• Scale, openskyzen.blogspot.com
• Server Room, www.web‐savvy‐marketing.com
• Desktop PC, www.enterpriseirregulars.com
• Finger, processspecialist.com
• Hour Glass, fineartamerica.com
• Thinking, dianespeartherapy.com
• DPS, digitalpublishing.acrobat.com
• Newsstand, www.gadg.com
• DPS platform, www.perpetualvisions.com
• InDesign workflow, help.adobe.com
• Tips, www.amarketingexpert.com
• Tricks, www.weirdlyodd.com