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.

1. Adaptive Content - Hands On
Adaptive Content
A Hands-On and Practical Approach
1
Michael Uzquiano
May 10, 2013
Tuesday, June 18, 13

2. Adaptive Content - Hands On 2
About me
Hi, I’m Michael Uzquiano
I’m a technology enthusiast, guitarist,
soccer player and founder of
Cloud CMS.
You can contact me at
Twitter @uzquiano
Email uzi@cloudcms.com
Web http://www.cloudcms.com
Tuesday, June 18, 13

3. Adaptive Content - Hands On 3
Cloud CMS
Tuesday, June 18, 13

4. Adaptive Content - Hands On 4
Cloud CMS
Tuesday, June 18, 13

5. Adaptive Content - Hands On 5
Email smann@solocal.mobi
Web http://www.solocal.mobi
Tuesday, June 18, 13

6. Adaptive Content - Hands On 6
Adaptive Content
Adaptive Content
Tuesday, June 18, 13

7. Adaptive Content - Hands On 7
COPE
Tuesday, June 18, 13

8. Adaptive Content - Hands On 8
The Main Ideas
Structured
Reusable
Decoupled Presentation
Tuesday, June 18, 13

9. Adaptive Content - Hands On 9
Structured
Tuesday, June 18, 13

10. Adaptive Content - Hands On 10
Chunks (not Blobs)
X
Tuesday, June 18, 13

11. Adaptive Content - Hands On 11
Content Models
Tuesday, June 18, 13

12. Adaptive Content - Hands On 12
Metadata (not Pages)
headline
body
author
Article
keywords
Indexable
contextuals
geolocations
classifiers
related media
Presentable
headline
body
author
Featured
keywords
summary
datetime
contextuals
geolocations
classifiers
related media
Tuesday, June 18, 13

13. Adaptive Content - Hands On 13
Metadata (not Pages)
Tuesday, June 18, 13

14. Adaptive Content - Hands On 14
Reusable
Tuesday, June 18, 13

15. Adaptive Content - Hands On 15
Standalone Fields
Tuesday, June 18, 13

16. Adaptive Content - Hands On 16
Redundant Data
Tuesday, June 18, 13

17. Adaptive Content - Hands On 17
Images and other Media
Tuesday, June 18, 13

18. Adaptive Content - Hands On 18
Alternative Data
Tuesday, June 18, 13

19. Adaptive Content - Hands On 19
Relationships
has member
created
has member
created
interested in
has comment
has comment
likes
interested in
updated
hasTag likes
EDITORS PAUL
DIANE
WENDY
DDTuesday, June 18, 13

20. Adaptive Content - Hands On 20
has member
created
has member
created
interested in
has comment
has comment
likes
interested in
updated
hasTag likes
EDITORS PAUL
DIANE
WENDY
DD
Intelligent Search + Query
Tuesday, June 18, 13

21. Adaptive Content - Hands On 21
Decoupled
Presentation
Tuesday, June 18, 13

22. Adaptive Content - Hands On 22
Intelligent Devices
CMS 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 Templating
Server Side Templating
Tuesday, June 18, 13

23. Adaptive Content - Hands On 23
Separate 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..."
}
}
Template
Content
HTML
Tuesday, June 18, 13

24. Adaptive Content - Hands On 24
Sample 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. Adaptive Content - Hands On 25
Sample 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. Adaptive Content - Hands On 26
Multiple Applications
Tuesday, June 18, 13

27. Adaptive Content - Hands On 27
Elastic Infrastructure
Application Services
Data Services
Tuesday, June 18, 13

28. Adaptive Content - Hands On 28
Try it Online
http://expo1.solocal.mobi http://expo2.solocal.mobi
Tuesday, June 18, 13

29. Adaptive Content - Hands On 29
Email smann@solocal.mobi
Web http://www.solocal.mobi
Tuesday, June 18, 13

30. Adaptive Content - Hands On 30
Thanks!
Michael Uzquiano
Cloud CMS
Questions?
Michael Uzquiano
Twitter @uzquiano
Email uzi@cloudcms.com
Web http://www.cloudcms.com
Tuesday, June 18, 13