Adaptive Content in Practice - CMS Expo 2013

1,769 views

Published on

This is the presentation on Adaptive Content in Practice provided at CMS Expo 2013 by Cloud CMS and Solocal Mobile. Learn more about Cloud CMS (http://www.cloudcms.com) and Solocal Mobile (http://www.solocal.mobi) to learn how to re-purpose your content across multiple mobile applications for low cost.

Published in: Technology
  • Be the first to comment

Adaptive Content in Practice - CMS Expo 2013

  1. 1. Adaptive Content - Hands OnAdaptive ContentA Hands-On and Practical Approach1Michael UzquianoMay 10, 2013Tuesday, June 18, 13
  2. 2. Adaptive Content - Hands On 2About meHi, I’m Michael UzquianoI’m a technology enthusiast, guitarist,soccer player and founder ofCloud CMS.You can contact me atTwitter @uzquianoEmail uzi@cloudcms.comWeb http://www.cloudcms.comTuesday, June 18, 13
  3. 3. Adaptive Content - Hands On 3Cloud CMSTuesday, June 18, 13
  4. 4. Adaptive Content - Hands On 4Cloud CMSTuesday, June 18, 13
  5. 5. Adaptive Content - Hands On 5Email smann@solocal.mobiWeb http://www.solocal.mobiTuesday, June 18, 13
  6. 6. Adaptive Content - Hands On 6Adaptive ContentAdaptive ContentTuesday, June 18, 13
  7. 7. Adaptive Content - Hands On 7COPETuesday, June 18, 13
  8. 8. Adaptive Content - Hands On 8The Main IdeasStructuredReusableDecoupled PresentationTuesday, June 18, 13
  9. 9. Adaptive Content - Hands On 9StructuredTuesday, June 18, 13
  10. 10. Adaptive Content - Hands On 10Chunks (not Blobs)XTuesday, June 18, 13
  11. 11. Adaptive Content - Hands On 11Content ModelsTuesday, June 18, 13
  12. 12. Adaptive Content - Hands On 12Metadata (not Pages)headlinebodyauthorArticlekeywordsIndexablecontextualsgeolocationsclassifiersrelated mediaPresentableheadlinebodyauthorFeaturedkeywordssummarydatetimecontextualsgeolocationsclassifiersrelated mediaTuesday, June 18, 13
  13. 13. Adaptive Content - Hands On 13Metadata (not Pages)Tuesday, June 18, 13
  14. 14. Adaptive Content - Hands On 14ReusableTuesday, June 18, 13
  15. 15. Adaptive Content - Hands On 15Standalone FieldsTuesday, June 18, 13
  16. 16. Adaptive Content - Hands On 16Redundant DataTuesday, June 18, 13
  17. 17. Adaptive Content - Hands On 17Images and other MediaTuesday, June 18, 13
  18. 18. Adaptive Content - Hands On 18Alternative DataTuesday, June 18, 13
  19. 19. Adaptive Content - Hands On 19Relationshipshas membercreatedhas membercreatedinterested inhas commenthas commentlikesinterested inupdatedhasTag likesEDITORS PAULDIANEWENDYDDTuesday, June 18, 13
  20. 20. Adaptive Content - Hands On 20has membercreatedhas membercreatedinterested inhas commenthas commentlikesinterested inupdatedhasTag likesEDITORS PAULDIANEWENDYDDIntelligent Search + QueryTuesday, June 18, 13
  21. 21. Adaptive Content - Hands On 21DecoupledPresentationTuesday, June 18, 13
  22. 22. Adaptive Content - Hands On 22Intelligent DevicesCMS App Server Mobile App{"degree": "ma","email": "proberts@school.com","firstName": "Paul","lastName": "Roberts","school": "architecture","title": "Paul Roberts","year": 2013,"about": {"long": "Paul Roberts grew..."}}{"degree": "ma","email": "proberts@school.com","firstName": "Paul","lastName": "Roberts","school": "architecture","title": "Paul Roberts","year": 2013,"about": {"long": "Paul Roberts grew..."}}{"degree": "ma","email": "proberts@school.com","firstName": "Paul","lastName": "Roberts","school": "architecture","title": "Paul Roberts","year": 2013,"about": {"long": "Paul Roberts grew..."}}“Dynamic Injection”Client Side TemplatingServer Side TemplatingTuesday, June 18, 13
  23. 23. Adaptive Content - Hands On 23Separate Content from form{"degree": "ma","email": "proberts@school.com","firstName": "Paul","lastName": "Roberts","school": "architecture","title": "Paul Roberts","year": 2013,"about": {"long": "Paul Roberts grew..."}}TemplateContentHTMLTuesday, June 18, 13
  24. 24. Adaptive Content - Hands On 24Sample Handlebars Template<div><div><h1>{{candidate.firstName}} {{candidate.lastName}}</h1><div>Class of {{candidate.year}}</div><div>{{degreeTitle}} - {{schoolTitle}}</div></div><div><div><img src="/preview/{{candidate._doc}}/candidate_popup?size=128"></div><p>{{candidate.about.medium}}</p><fieldset><div><button>Gifting</button></div><div><button>Social</button></div><div><button>View Profile</button></div></fieldset><div><a href="#">Close Window</a></div></div></div>Tuesday, June 18, 13
  25. 25. Adaptive Content - Hands On 25Sample Handlebars Template (jQuery Mobile)<div data-role="popup" data-overlay-theme="a" data-theme="a"><div data-role="header" data-theme="a"><h1>{{candidate.firstName}} {{candidate.lastName}}</h1><div>Class of {{candidate.year}}</div><div>{{degreeTitle}} - {{schoolTitle}}</div></div><div data-role="content" data-theme="d"><div><img src="/preview/{{candidate._doc}}/candidate_popup?size=128"></div><p>{{candidate.about.medium}}</p><fieldset><div><button data-theme="b" data-inline="false">Gifting</button></div><div><button data-theme="b" data-inline="false">Social</button></div><div><button data-theme="b" data-inline="false">View Profile</button></div></fieldset><div><a href="#" data-role="button" data-rel="back" data-icon="delete">Close Window</a></div></div></div>Tuesday, June 18, 13
  26. 26. Adaptive Content - Hands On 26Multiple ApplicationsTuesday, June 18, 13
  27. 27. Adaptive Content - Hands On 27Elastic InfrastructureApplication ServicesData ServicesTuesday, June 18, 13
  28. 28. Adaptive Content - Hands On 28Try it Onlinehttp://expo1.solocal.mobi http://expo2.solocal.mobiTuesday, June 18, 13
  29. 29. Adaptive Content - Hands On 29Email smann@solocal.mobiWeb http://www.solocal.mobiTuesday, June 18, 13
  30. 30. Adaptive Content - Hands On 30Thanks!Michael UzquianoCloud CMSQuestions?Michael UzquianoTwitter @uzquianoEmail uzi@cloudcms.comWeb http://www.cloudcms.comTuesday, June 18, 13

×