Content-Centric Apps for Mobile Devices by John Fait

4,125 views

Published on

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

No Downloads
Views
Total views
4,125
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Content-Centric Apps for Mobile Devices by John Fait

  1. 1. Content-Centric Apps for Mobile Devices with AEM and DPS Integration John Fait Software Development Lead, Adobe AEM R&D, Ottawa
  2. 2. Who are you?
  3. 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. 4. You may be thinking…
  5. 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. 6. Adobe® Digital Publishing Suite (DPS)
  7. 7. Adobe® Digital Publishing Suite (DPS) “Create, distribute, monetize,  and optimize engaging content  and publications for mobile  devices.”
  8. 8. Adobe® Digital Publishing Suite (DPS) Platform
  9. 9. Adobe® Experience Manager (AEM)
  10. 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. 11. AEM + DPS
  12. 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. 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. 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. 15. DPS AEM AEM + DPS Integration Details DPS Integration Content Management Interface DPS Web Services
  16. 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. 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. 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. 19. Folio Properties cq:cloudserivceconfigs dps‐resourceType=dps:Issue dps‐exportTemplate  dps‐folioId dps‐* metadata
  20. 20. Article Properties dps‐resourceType=dps:Article dps‐articleId dps‐* metadata
  21. 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. 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. 23. Publication Console
  24. 24. Author Workflow
  25. 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. 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. 27. Scaling Image Component • Folio aware component • Adapt rendered size and quality • Manage image file size
  28. 28. • <RESOURCE_PATH>.img.<FOLIO_SIZE>.<QUALITY>.<EXTENSION>
  29. 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. 30. • Geometrix Unlimited • AEMHub • CMO.com  • CondeNast Vanity Fair  • Lord Abbett Perspectives 
  31. 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. 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. 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. 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

×