SlideShare a Scribd company logo
DITA for the Web:
Make Adaptive Content Simple for Writers and Developers
Exploiting Layout and Content
Don Day, Contelligence Group
Why do I want to share this topic?



I enjoy improving how writers create and use content.
I will be sharing my experience in approaching a recent
and acute pain point for many:
How to reliably create adaptive content for the Web.
Introductions
About Don Day
Hobbies






Publishing Technologies

Collecting and using old film 
cameras
Listening to assorted,

eclectic, independent music 
artists
Loving on my cats and

family, in that order
Model rocketry



Created IBM's first SGML application for
AIX online help
Helped design IBMIDDoc DTD
IBM's W3C Primary Rep to XSL and CSS
Working Groups
Led workgroup that designed the DITA
framework, and initiated OASIS, DITA-OT
activities
Created IBM's DITA Wiki prototype
Extending "DITA for the Web" to crossover
use in Web publishing
Or as he sees himself...

Footnote 1
What we'll cover:





Premise: Adaptive Content is not easy!
Problem: Holes in the Web Architecture
Options: Editor Wars
Application: Patching the Hole
Premise
Goal: Adaptive Content...




Content that is structurally and semantically
enriched;"intelligent content".
Necessary for adaptive delivery: device traits, responsive
reflow, content repurposing (imagine text-to-video),
personalization.
"Unstructured content is stupid and old-fashioned. It's
costly, complex, and does not generate a competitive
advantage."
Ann Mulcahy,
Former CEO of Xerox
Sliced and Diced...








Key driver: mobility of content (follow the device; follow
the person)
Key requirement: adaptable content (it needs handles)
Key format: HTML5 (which is changing all the rules)
Key need: consistent authoring (business rules, term
usage, profiling values, etc.)
Key gap: a standard Web authoring architecture to
support those needs.
Defining the Problem
Is this what the change is about?

Footnote 1
Or the issue more like this?

Footnote 1
How HTML5 Changes the Game









All new applications for the Web will be done with
HTML5
Enables interactivity and behaviors as only Flash could
beforehand
Unifies user experience across browsers, even challenging
Web apps (just wait)
Currently irrelevant: HTML and XHTML
Currently marginalized: anything XML (goes for
DocBook, DITA, even SPFE)
Survey of Options
Levels of Markup
Degree of Markup

Example

Knowledge Required of User

Intrinsic "thingness"

typed data

Subject domain knowledge

Necessary Descriptive
Syntax

<img src="url"...>

Craft knowledge

Necessary Presentational
Structure

HTML5
fig/img/figcaption

Guidelines

Necessary Representational XML semantic models
Structurre
Contextual Structure

Assimilation into the collective

Web page templates, XSL No subject domain knowledge; all
page masters
UA/UX/UI/You-name-it
Levels of Markup, Charted



3 is most craft-dependent for markup dependency, but
also most tolerant for lack of craft knowledge.




4 is most validation-dependent, but XML editors manage
the craft knowledge; paradoxically easier in principle if
you grok the object orientedness
Fielded content in a database is an implicit root form of
all of this, of course.
The DITA Option



DITA's best feature for the Web is
its architecture
Need structure for adaptive content?
o Look to the experience and
practice behind DITA!

Dress form
model

"Power loader" model
Application
Categories of in-browser editors









Compose everything in a contentEditable div:
WordPress
Use a DB schema to define a form: flat and inflexible
content models
Use an XML schema to define a structured editor:
narrative content with structure
Use a document to define its own form
Use XML-based templates to set up more dynamic
forms
XML-based templates to set up more dynamic forms











Template is validated by a schema, so when it is read into the form
generator, the resulting form represents the features in the template as
allowed patterns.
Repeated elements = "one or more"
Single element = "one required" (or optional - which will it be? can we
switch?)
Sequence is implicit in a set of elements unless one repeats, which
indicates mixable sequence.
Inner content should align with contentEditable.
[text] conventions can represent placeholders and contextual help
Use XML comments to represent semantics in their parent elements?
Not all tools can parse comments though.
Examples


Conventional fielded form
Examples


Semantic metadata augmenting Google Structured Data Markup Helper
Examples


Semantic structure insertion Controlling Presentation in Structured
Content
Examples


Self-building form
Examples


Template-informed form
Browser Editor Primal Scream










Mike Davidson: The Sorry State of WYSIWYG Editors
(April 27, 2009)
Rachel Andrew: Your WYSIWYG Editor Sucks
Karen McGrane: WYSIWTF
Karen McGrane: Drupalcon Keynote Video, Slides and Talk
Notes
Rick Yagodich: What You See is WYSISMUC
WYSIWTFFTWOMG!
Deane Barker: Why WYSIWYG is Still a Problem
Quips


Abandon hope all ye who enter here.
If you have already abandoned hope, please disregard
this notice.
Questions
?
Contact Info






Don R. Day
Co-Founder, ContelligenceGroup.com
Co-Chair, OASIS DITA Technical Committee
LinkedIn: donrday Twitter: @donrday
About.me: donrday Skype: don.r.day
"Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?"
--T.S. Eliot
Dita for the web: Make Adaptive Content Simple for Writers and Developer

More Related Content

PPTX
Content Architecture for Rapid Knowledge Reuse-congility2011
ODP
OASIS DITA History(2009)
PDF
Growing DITA across the enterprise
PDF
IBM DITA Wiki: One Year Retrospective
PPTX
DITA Collaboration for Content
PPTX
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
PPTX
STC India 2013 don day-being relevant in 2028
PPTX
What “Model” DITA Specializations Can Teach About Information Modelinc
Content Architecture for Rapid Knowledge Reuse-congility2011
OASIS DITA History(2009)
Growing DITA across the enterprise
IBM DITA Wiki: One Year Retrospective
DITA Collaboration for Content
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
STC India 2013 don day-being relevant in 2028
What “Model” DITA Specializations Can Teach About Information Modelinc

What's hot (20)

PPTX
What They Won't Tell You About DITA
PPTX
DITA Quick Start: System Architecture of a Basic DITA Toolset
PDF
What is DITA? And Is It Right for Your Team or Project?
PPT
DocBook vs. DITA: Will The Real Standard Please Stand Up?
PPT
Doc Book Vs Dita Teresa
 
PDF
A lightweight DITA update
PPTX
Introduction to DITA
PPT
Feedable, Portable, Mashable, DITAble
PDF
Lightweight DITA
PPT
Doctraineast2008
PPT
Accessibility, Automation and Metadata
PPTX
Anticipating Lightweight DITA
PPTX
DITA Quick Start Webinar: Defining Your Style Sheet Requirements
PPT
Ec And Ass Sig Feb 2008 Adam
PDF
Semantic Wiki For The Enterprise
PPT
Tags, Networks, Narrative
PPT
The Invisible Reference Desk
PDF
Semantic Media Wiki & Semantic Forms
PDF
Got Metadata? Building Taxonomies to Support Your Technical Content (STC Summ...
PPTX
The DITA Iceberg, DITA Europe 2016
What They Won't Tell You About DITA
DITA Quick Start: System Architecture of a Basic DITA Toolset
What is DITA? And Is It Right for Your Team or Project?
DocBook vs. DITA: Will The Real Standard Please Stand Up?
Doc Book Vs Dita Teresa
 
A lightweight DITA update
Introduction to DITA
Feedable, Portable, Mashable, DITAble
Lightweight DITA
Doctraineast2008
Accessibility, Automation and Metadata
Anticipating Lightweight DITA
DITA Quick Start Webinar: Defining Your Style Sheet Requirements
Ec And Ass Sig Feb 2008 Adam
Semantic Wiki For The Enterprise
Tags, Networks, Narrative
The Invisible Reference Desk
Semantic Media Wiki & Semantic Forms
Got Metadata? Building Taxonomies to Support Your Technical Content (STC Summ...
The DITA Iceberg, DITA Europe 2016
Ad

Viewers also liked (20)

PPTX
This is Your Brain on Content: Cognitive Science Lessons for Content Strategy
PPTX
Feeding the adaptive content monster
PPTX
Connecting Intelligent Content with Micropublishing and Beyond
PPTX
[Workshop] The incremental steps towards dynamic and embedded content deliver...
PPTX
The Internet is Everywhere – So What's Changed? [Noz Urbina, DITA EU 2013]
PPTX
Multidimensional Content Strategy: A Plan for Dodging the Oncoming Train
PPTX
LavaCon 2012: How to Deliver the Wrong Content to the Wrong Person at the Wro...
PPTX
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
PPTX
Storming the Castle 2015 [LavaCon Breakout Session]
PPTX
[soap Keynote] The Freedom to Grow: how standards facilitate the techcomm ind...
PDF
Why We Crave Semantic Structured Content - Lavacon Dublin 2016
PPTX
The Biological Imperative for Intelligent Content
PDF
COPE Content Modelling for Adaptive UX - Noz Urbina
PPTX
The wall falls down: Integrating our online and offline worlds [Confab 2015]
PPTX
The Wall has Come Down: Integrating our Online and Offline Worlds (IoT / Wear...
PPTX
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
PPTX
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
PPTX
BUILDING YOUR ADAPTIVE MODEL: Setting Goals Using the Adaptive Content Maturi...
PPTX
How to Create an Agile Content Factory
PPTX
BMC Case Study: How to Take a Content-First Approach and Prove the ROI of You...
This is Your Brain on Content: Cognitive Science Lessons for Content Strategy
Feeding the adaptive content monster
Connecting Intelligent Content with Micropublishing and Beyond
[Workshop] The incremental steps towards dynamic and embedded content deliver...
The Internet is Everywhere – So What's Changed? [Noz Urbina, DITA EU 2013]
Multidimensional Content Strategy: A Plan for Dodging the Oncoming Train
LavaCon 2012: How to Deliver the Wrong Content to the Wrong Person at the Wro...
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
Storming the Castle 2015 [LavaCon Breakout Session]
[soap Keynote] The Freedom to Grow: how standards facilitate the techcomm ind...
Why We Crave Semantic Structured Content - Lavacon Dublin 2016
The Biological Imperative for Intelligent Content
COPE Content Modelling for Adaptive UX - Noz Urbina
The wall falls down: Integrating our online and offline worlds [Confab 2015]
The Wall has Come Down: Integrating our Online and Offline Worlds (IoT / Wear...
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
BUILDING YOUR ADAPTIVE MODEL: Setting Goals Using the Adaptive Content Maturi...
How to Create an Agile Content Factory
BMC Case Study: How to Take a Content-First Approach and Prove the ROI of You...
Ad

Similar to Dita for the web: Make Adaptive Content Simple for Writers and Developer (20)

PDF
Does DITA need XML?
PDF
Structured Authoring for Business-Critical Content
PDF
What’s Up, EDoc?!
PPTX
Structured authoring for business-critical content
PDF
XHTML Web Designs
PDF
LavaCon 2017 - Building an Enterprisewide Content Platform—and Why DITA will ...
PDF
Single Source Publishing: Utilizing XML and DITA
DOCX
HTML5 Features and Enhancements_Blog.docx
PPTX
What your IT Doesn't Know about Publishing DITA Content
PPTX
DITA Quick Start for Authors - Part I
KEY
Everything you need to know about HTML5 in 15 min
PDF
PPTX
Responsive Web design
KEY
Dojo & HTML5
PPS
DITA,Single-source, Multi-channel Publishing
PDF
Everything Old is New Again: The State of Web Design
PDF
Lava con2015 - The Emerging Model for Content Creation: Guided + Fluid Author...
PPT
Painless XML Authoring?: How DITA Simplifies XML
PPT
Website designing company in noida
PPT
Web development
Does DITA need XML?
Structured Authoring for Business-Critical Content
What’s Up, EDoc?!
Structured authoring for business-critical content
XHTML Web Designs
LavaCon 2017 - Building an Enterprisewide Content Platform—and Why DITA will ...
Single Source Publishing: Utilizing XML and DITA
HTML5 Features and Enhancements_Blog.docx
What your IT Doesn't Know about Publishing DITA Content
DITA Quick Start for Authors - Part I
Everything you need to know about HTML5 in 15 min
Responsive Web design
Dojo & HTML5
DITA,Single-source, Multi-channel Publishing
Everything Old is New Again: The State of Web Design
Lava con2015 - The Emerging Model for Content Creation: Guided + Fluid Author...
Painless XML Authoring?: How DITA Simplifies XML
Website designing company in noida
Web development

Recently uploaded (20)

PDF
Interior Structure and Construction A1 NGYANQI
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PDF
High-frequency high-voltage transformer outline drawing
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Special finishes, classification and types, explanation
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPT
UNIT I- Yarn, types, explanation, process
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
DOCX
The story of the first moon landing.docx
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
An introduction to AI in research and reference management
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
artificialintelligencedata driven analytics23.pptx
Interior Structure and Construction A1 NGYANQI
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
High-frequency high-voltage transformer outline drawing
Quality Control Management for RMG, Level- 4, Certificate
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
mahatma gandhi bus terminal in india Case Study.pptx
Special finishes, classification and types, explanation
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
DOC-20250430-WA0014._20250714_235747_0000.pptx
UNIT I- Yarn, types, explanation, process
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
YOW2022-BNE-MinimalViableArchitecture.pdf
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
The story of the first moon landing.docx
AD Bungalow Case studies Sem 2.pptxvwewev
An introduction to AI in research and reference management
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
artificialintelligencedata driven analytics23.pptx

Dita for the web: Make Adaptive Content Simple for Writers and Developer

  • 1. DITA for the Web: Make Adaptive Content Simple for Writers and Developers Exploiting Layout and Content Don Day, Contelligence Group
  • 2. Why do I want to share this topic?   I enjoy improving how writers create and use content. I will be sharing my experience in approaching a recent and acute pain point for many: How to reliably create adaptive content for the Web.
  • 4. About Don Day Hobbies     Publishing Technologies Collecting and using old film  cameras Listening to assorted,  eclectic, independent music  artists Loving on my cats and  family, in that order Model rocketry   Created IBM's first SGML application for AIX online help Helped design IBMIDDoc DTD IBM's W3C Primary Rep to XSL and CSS Working Groups Led workgroup that designed the DITA framework, and initiated OASIS, DITA-OT activities Created IBM's DITA Wiki prototype Extending "DITA for the Web" to crossover use in Web publishing
  • 5. Or as he sees himself... Footnote 1
  • 6. What we'll cover:     Premise: Adaptive Content is not easy! Problem: Holes in the Web Architecture Options: Editor Wars Application: Patching the Hole
  • 8. Goal: Adaptive Content...   Content that is structurally and semantically enriched;"intelligent content". Necessary for adaptive delivery: device traits, responsive reflow, content repurposing (imagine text-to-video), personalization. "Unstructured content is stupid and old-fashioned. It's costly, complex, and does not generate a competitive advantage." Ann Mulcahy, Former CEO of Xerox
  • 9. Sliced and Diced...      Key driver: mobility of content (follow the device; follow the person) Key requirement: adaptable content (it needs handles) Key format: HTML5 (which is changing all the rules) Key need: consistent authoring (business rules, term usage, profiling values, etc.) Key gap: a standard Web authoring architecture to support those needs.
  • 11. Is this what the change is about? Footnote 1
  • 12. Or the issue more like this? Footnote 1
  • 13. How HTML5 Changes the Game      All new applications for the Web will be done with HTML5 Enables interactivity and behaviors as only Flash could beforehand Unifies user experience across browsers, even challenging Web apps (just wait) Currently irrelevant: HTML and XHTML Currently marginalized: anything XML (goes for DocBook, DITA, even SPFE)
  • 14. Survey of Options Levels of Markup Degree of Markup Example Knowledge Required of User Intrinsic "thingness" typed data Subject domain knowledge Necessary Descriptive Syntax <img src="url"...> Craft knowledge Necessary Presentational Structure HTML5 fig/img/figcaption Guidelines Necessary Representational XML semantic models Structurre Contextual Structure Assimilation into the collective Web page templates, XSL No subject domain knowledge; all page masters UA/UX/UI/You-name-it
  • 15. Levels of Markup, Charted  3 is most craft-dependent for markup dependency, but also most tolerant for lack of craft knowledge.
  • 16.   4 is most validation-dependent, but XML editors manage the craft knowledge; paradoxically easier in principle if you grok the object orientedness Fielded content in a database is an implicit root form of all of this, of course.
  • 17. The DITA Option   DITA's best feature for the Web is its architecture Need structure for adaptive content? o Look to the experience and practice behind DITA! Dress form model "Power loader" model
  • 19. Categories of in-browser editors      Compose everything in a contentEditable div: WordPress Use a DB schema to define a form: flat and inflexible content models Use an XML schema to define a structured editor: narrative content with structure Use a document to define its own form Use XML-based templates to set up more dynamic forms
  • 20. XML-based templates to set up more dynamic forms        Template is validated by a schema, so when it is read into the form generator, the resulting form represents the features in the template as allowed patterns. Repeated elements = "one or more" Single element = "one required" (or optional - which will it be? can we switch?) Sequence is implicit in a set of elements unless one repeats, which indicates mixable sequence. Inner content should align with contentEditable. [text] conventions can represent placeholders and contextual help Use XML comments to represent semantics in their parent elements? Not all tools can parse comments though.
  • 22. Examples  Semantic metadata augmenting Google Structured Data Markup Helper
  • 23. Examples  Semantic structure insertion Controlling Presentation in Structured Content
  • 26. Browser Editor Primal Scream        Mike Davidson: The Sorry State of WYSIWYG Editors (April 27, 2009) Rachel Andrew: Your WYSIWYG Editor Sucks Karen McGrane: WYSIWTF Karen McGrane: Drupalcon Keynote Video, Slides and Talk Notes Rick Yagodich: What You See is WYSISMUC WYSIWTFFTWOMG! Deane Barker: Why WYSIWYG is Still a Problem
  • 27. Quips  Abandon hope all ye who enter here. If you have already abandoned hope, please disregard this notice.
  • 29. Contact Info      Don R. Day Co-Founder, ContelligenceGroup.com Co-Chair, OASIS DITA Technical Committee LinkedIn: donrday Twitter: @donrday About.me: donrday Skype: don.r.day "Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information?" --T.S. Eliot