Your SlideShare is downloading. ×
Content-Centric Apps for Mobile Devices by John Fait
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Content-Centric Apps for Mobile Devices by John Fait

3,564

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,564
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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?
  • 3. Key Takeaways DPS as a new channel for AEM content Developers continue using their AEM skills Authors continue to control content the AEM way
  • 4. You may be thinking…
  • 5. Key Takeaways DPS as a new channel for AEM content Developers continue using their AEM skills Authors continue to control content the AEM way
  • 6. Adobe® Digital Publishing Suite (DPS)
  • 7. Adobe® Digital Publishing Suite (DPS) “Create, distribute, monetize,  and optimize engaging content  and publications for mobile  devices.”
  • 8. Adobe® Digital Publishing Suite (DPS) Platform
  • 9. Adobe® Experience Manager (AEM)
  • 10. 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.”
  • 11. AEM + DPS
  • 12. 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
  • 13. 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
  • 14. Key Takeaways DPS as a new channel for AEM content Developers continue using their AEM skills Authors continue to control content the AEM way
  • 15. DPS AEM AEM + DPS Integration Details DPS Integration Content Management Interface DPS Web Services
  • 16. 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
  • 17. 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
  • 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 adaptTo transform transform transform
  • 19. Folio Properties cq:cloudserivceconfigs dps‐resourceType=dps:Issue dps‐exportTemplate  dps‐folioId dps‐* metadata
  • 20. Article Properties dps‐resourceType=dps:Article dps‐articleId dps‐* metadata
  • 21. 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
  • 22. Key Takeaways DPS as a new channel for AEM content Developers continue using their AEM skills Authors continue to control content the AEM way
  • 23. Publication Console
  • 24. Author Workflow
  • 25. • 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
  • 26. • Create Live Copies for multi‐device Folio • Upload Folio from AEM to FolioProducer • Manage Folio using FolioProducer • Preview on device with Adobe Content Viewer
  • 27. Scaling Image Component • Folio aware component • Adapt rendered size and quality • Manage image file size
  • 28. • <RESOURCE_PATH>.img.<FOLIO_SIZE>.<QUALITY>.<EXTENSION>
  • 29. 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 
  • 30. • Geometrix Unlimited • AEMHub • CMO.com  • CondeNast Vanity Fair  • Lord Abbett Perspectives 
  • 31. 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
  • 32. Key Takeaways DPS as a new channel for AEM content Developers continue using their AEM skills Authors continue to control content the AEM way
  • 33. 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
  • 34. 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

×