<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Learning by Wrote</title>
	<atom:link href="http://learningbywrote.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://learningbywrote.com/blog</link>
	<description>Making DITA practical</description>
	<lastBuildDate>Sun, 12 Feb 2012 05:56:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Seven Steps to DITA Adoption Across the Enterprise: Lavacon 2011 workshop</title>
		<link>http://learningbywrote.com/blog/2011/10/seven-steps-to-dita-adoption-across-the-enterprise-lavacon-2011-workshop/</link>
		<comments>http://learningbywrote.com/blog/2011/10/seven-steps-to-dita-adoption-across-the-enterprise-lavacon-2011-workshop/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 15:41:22 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA adoption]]></category>
		<category><![CDATA[Presentations]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=747</guid>
		<description><![CDATA[I&#8217;m pleased to announce that Michael Boses of Quark XML Author fame will join me in co-presenting a pre-conference workshop on Sunday, 13 November 2011. http://lavacon.org/sessions/seven-steps-to-dita-adoption-across-the-enterprise If you are in Austin and can&#8217;t swing attending the whole conference, there is &#8230; <a href="http://learningbywrote.com/blog/2011/10/seven-steps-to-dita-adoption-across-the-enterprise-lavacon-2011-workshop/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m pleased to announce that Michael Boses of Quark XML Author fame will join me in co-presenting a pre-conference workshop on Sunday, 13 November 2011.</p>
<p><a href="http://lavacon.org/sessions/seven-steps-to-dita-adoption-across-the-enterprise">http://lavacon.org/sessions/seven-steps-to-dita-adoption-across-the-enterprise</a></p>
<p>If you are in Austin and can&#8217;t swing attending the whole conference, there is a special  <a href="http://r20.rs6.net/tn.jsp?llr=niud54gab&amp;et=1108352676727&amp;s=566&amp;e=001lrh1Wxjgg4LecYuQr1t0WoWAFRq_VOpN9Xlyfbrpya6yzzv1XEp3EzrebkcBaqPSGava1T3gNnVU9aJTxjlTFiuh9DP54kRikrS8upH5tuSV8Sk2zMMm0OwENp8GRafExIO5VLY7bFl3FyL8d6CRFCXt__0hQFstjD3DGn_ih-A=" shape="rect" target="_blank">workshop-only registration page</a>.</p>
<p><span id="more-747"></span></p>
<p><strong>Session description:</strong></p>
<p>Long before “user generated content” became a buzzword, tech pubs strategists knew they needed subject matter experts to be more engaged in the documentation process. Attempts to capture SME knowledge have varied from Word to Wikis, but they have all resulted in technical writers struggling with unstructured content that lacks the intelligence needed to make the process work.</p>
<p>DITA solves this problem by design—with an architecture well-suited for enterprise implementation, enabling content to flow smoothly from SMEs directly to tech pubs. And this is just the beginning. DITA is unique in its ability to enable content to be created collaboratively by departments that exist as silos today, for example Marketing, Engineering, and Tech Pubs.</p>
<p>This workshop is designed as a step-by-step guide, using a Pilot Project as both an example and as a roadmap for attendees who are ready to get started. We will examine seven practical steps that run the gamut of analysis and planning, available tools and techniques, project approaches, and organizational buy-in. The material is equally relevant to all types of wide-spread DITA authoring, whether it be to collect content from SMEs or to create intelligent content in other departments.</p>
<p>Workshop participants will learn how to:</p>
<ol>
<li>Assess pain points and DITA’s fit</li>
<li>Build a business case</li>
<li>Gain organizational buy-in</li>
<li>Understand the tools and techniques</li>
<li>Design a “failure proof” pilot</li>
<li>Implement and manage the effort</li>
<li>Effectively report the pilot results</li>
</ol>
<p>Who should attend:</p>
<ul>
<li>Content Strategists who want to capture intelligent content</li>
<li>Documentation managers who need to optimize business processes</li>
<li>Technical writers and editors who contribute to content strategy</li>
</ul>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F10%2Fseven-steps-to-dita-adoption-across-the-enterprise-lavacon-2011-workshop%2F&amp;title=Seven%20Steps%20to%20DITA%20Adoption%20Across%20the%20Enterprise%3A%20Lavacon%202011%20workshop" id="wpa2a_2"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/10/seven-steps-to-dita-adoption-across-the-enterprise-lavacon-2011-workshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>open DITA Code Sprint following DITA Europe 2011</title>
		<link>http://learningbywrote.com/blog/2011/10/open-dita-code-sprint-following-dita-europe-2011/</link>
		<comments>http://learningbywrote.com/blog/2011/10/open-dita-code-sprint-following-dita-europe-2011/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 14:39:35 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[collaboration]]></category>
		<category><![CDATA[DITA Open Toolkit]]></category>
		<category><![CDATA[wiki]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=739</guid>
		<description><![CDATA[If you plan to attend DITA Europe 2011 in Prague, watch for my session on &#8220;Integrating social media into new DITA workflows&#8221; on Tuesday November 8. In addition, on the 9th, I&#8217;ll be helping to facilitate the following related activity, &#8230; <a href="http://learningbywrote.com/blog/2011/10/open-dita-code-sprint-following-dita-europe-2011/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you plan to attend DITA Europe 2011 in Prague, watch for my session on &#8220;Integrating social media into new DITA workflows&#8221; on Tuesday November 8. In addition, on the 9th, I&#8217;ll be helping to facilitate the following related activity, also in Prague:</p>
<blockquote><p><a href="http://opendita.drupalgardens.com/">http://opendita.drupalgardens.com/</a></p>
<h4><strong><small><small><a href="http://opendita.drupalgardens.com/content/open-dita-code-sprint">open DITA Code Sprint</a></small></small></strong></h4>
<div>
<div>
<div>
<p>Following the DITA Europe conference in Prague, we are planning an open DITA code sprint. This is an event you should not miss if you are interested in getting some hands-on experience working with open source tools for DITA. Anybody is free to suggest topics but we&#8217;ll most likely have at least a few people working on Drupal tools for DITA and on the Open Toolkit.</p>
</div>
</div>
</div>
</blockquote>
<p>If you are around after the conference but had not planned to take one of the post-conference workshops, this event might be worth your time.  If you are interested, please visit this site and sign up! I hope someone might find this alternative post-conference opportunity useful.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F10%2Fopen-dita-code-sprint-following-dita-europe-2011%2F&amp;title=open%20DITA%20Code%20Sprint%20following%20DITA%20Europe%202011" id="wpa2a_4"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/10/open-dita-code-sprint-following-dita-europe-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Harnessing user contributions for wiki-based documentation</title>
		<link>http://learningbywrote.com/blog/2011/09/managing-user-contributions-for-wiki-based-documentation/</link>
		<comments>http://learningbywrote.com/blog/2011/09/managing-user-contributions-for-wiki-based-documentation/#comments</comments>
		<pubDate>Wed, 28 Sep 2011 15:44:44 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[collaboration]]></category>
		<category><![CDATA[DITA]]></category>
		<category><![CDATA[wiki]]></category>
		<category><![CDATA[policy]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=692</guid>
		<description><![CDATA[Creating documentation using wikis or wiki-like software is inherently all about collaboration between various parties: programmers, testers, technical writers, and even informed users.  More than any other form of cloud-based collaboration, wikis are a natural way to enable your extended &#8230; <a href="http://learningbywrote.com/blog/2011/09/managing-user-contributions-for-wiki-based-documentation/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div>
<p>Creating documentation using wikis or wiki-like software is inherently all about collaboration between various parties: programmers, testers, technical writers, and even informed users.  More than any other form of cloud-based collaboration, wikis are a natural way to enable your extended &#8220;team&#8221; to collect and organize their respective contributions to the knowledge already documented. This would be an ideal picture, except that users are typically not under your management or your company&#8217;s IP agreements; they have their own goals, and they tend to go after loose ends in the documentation in their own way. A strategy of &#8220;good fences make good neighbors&#8221; can help keep user-contributors engaged in your goals for improving the knowledge in your wiki-based documentation.</p>
<p><span id="more-692"></span></p>
<p><img class="aligncenter size-full wp-image-721" title="iStock_000016881825XSmall" src="http://learningbywrote.com/blog/wp-content/uploads/2011/09/iStock_000016881825XSmall.jpg" alt="Fifty minds on the same goal--individually." width="426" height="282" /></p>
<p>The legal approvers in your organization are probably most nervous about how to maintain a clear distinction between &#8220;warranteed&#8221; or standards-based information (that which has been through a formal approval process for intellectual property clearance and technical accuracy that the company will stand behind) and &#8220;user-generated&#8221; information (for which the IP rights may be unclear, or for which the information has not been approved by the programmers as technically sound or recommended).</p>
<p>One approach is to show both forms of information on a wiki page that clearly defines the authority of each set of content. Comment facilities are the obvious mechanism for getting and presenting the user contributions. Implementations can range from very simple, unmoderated posts to highly interactive discussions with product moderators involved in helping to guide towards best practices. Ideally, the implementation would have a way to encourage and recognize top contributors and to float the community-approved solutions into higher visibility, either by ratings or by active curation of the discussion into gems of knowledge.</p>
<p>A good example of this separation of standards-conforming content from user-generated content can be seen in the PHP programming language documentation. Although PHP is not a commercial product, its documentation interfaces are neatly differentiated&#8211;a model, in fact, for many commercial products! This function description is just one example:  <a href="http://php.net/manual/en/function.fopen.php">http://php.net/manual/en/function.fopen.php</a> . Note that the user-contributed notes are clearly separated from the approved content, which itself conforms closely to a standard template for the formal properties and interfaces of each language construct. Those parts don&#8217;t change except by an apparent internal and formal update process, whereas the users often challenge each other and offer alternative use case examples for other users experiencing similar issues.</p>
<p>In a quick look at other approaches, I see that the Perl Programming Documentation community (<a href="http://perldoc.perl.org/">http://perldoc.perl.org/</a>) seems to embrace direct user contribution with peer review, whereas the Ubuntu Documentation Team (<a href="https://wiki.ubuntu.com/DocumentationTeam">https://wiki.ubuntu.com/DocumentationTeam</a>) has a more central writing team but engages users extensively in forums. In both cases, a foundation or other formal governance structure represents &#8220;where the buck stops&#8221; on approving content that comes from user/contributors. The Mozilla and Eclipse foundations are also examples in kind. [And here I wonder, Have there been any studies of governance models for various software documentation efforts? It would be fascinating to see at a glance how the various compliance requirements of each such group affect the policies on how user contributions are handled.]</p>
<p>Coming back to the PHP example (which I like quite a bit, obviously), it is immaterial whether the authoring tool used by the tasked writers behind the public interfaces was a wiki or a traditional XML-based source and production system. User contributors interact only through a comment form provided for them, maintaining the separation of their contributions from the main reference material. The system is responsive, easily searched, and hugely popular among that community. Thinking about this model, I suppose that valued contributors who are not primarily tech writers<em> could </em>be allowed to interact directly in the source authoring application. One could acknowledge their authority and trustedness by granting them authenticated access to the governed content (probably requiring signed agreements as well). But other than the fully open Wikipedia system, I can&#8217;t find any example of products with warranteed information that permit direct user interaction with content.</p>
<p>So for content does not require legal/formal approvals for release, an open access wiki model like Wikipedia&#8217;s may fit your needs well enough, given enough eyes on the content to keep it trustworthy. But a well-implemented comment mechanism can  still make your customers feel connected and valued while keeping provenance in the content that you&#8217;ve put effort into reviewing, validating, and approving. If you can maintain a good separation between this approved content from whatever users may contribute, then the choice of how your trusted/extended team creates the governed content is more a matter of business strategy (for example, using XML standards like Docbook or DITA for content lifecycle management and for multiple outputs) and of company culture (providing wikis for programmers who utilize Open Source tools or Agile methodologies).</p>
<p>And there is no fundamental reason why a wiki-like interface can&#8217;t host XML-based content, for that matter. But that is another story&#8230;</p>
<p><strong>Related readings:</strong></p>
<ol>
<li>I hate &#8220;content&#8221;, <a href="http://www.janetswisher.com/?itemid=227">http://www.janetswisher.com/?itemid=227</a></li>
<li>DITA and wiki hybrids: they&#8217;re here, <a href="http://justwriteclick.com/2008/02/27/dita-and-wiki-hybrids-theyre-here/">http://justwriteclick.com/2008/02/27/dita-and-wiki-hybrids-theyre-here/</a></li>
<li>Creating DITA content with a blog or wiki, <a href="http://learningbywrote.com/blog/2011/04/creating-dita-topics-with-a-blog-or-wiki/">http://learningbywrote.com/blog/2011/04/creating-dita-topics-with-a-blog-or-wiki/</a></li>
<li>What do you think about using a wiki for technical documentation? <a href="http://technicalwritingworld.com/forum/topics/what-do-you-think-about-using">http://technicalwritingworld.com/forum/topics/what-do-you-think-about-using</a></li>
<li>Building Exceptional Product Help Communities, <a href="http://www.slideshare.net/mindtouch/building-exceptional-product-help-communities">http://www.slideshare.net/mindtouch/building-exceptional-product-help-communities</a></li>
<li>and of course, Alan Porter&#8217;s book, <a title="WIKI: Grow Your Own for Fun and Profit" href="http://xmlpress.net/publications/wiki-how-to-grow/" target="_blank">WIKI: Grow Your Own for Fun and Profit</a></li>
</ol>
<p>&nbsp;</p>
</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F09%2Fmanaging-user-contributions-for-wiki-based-documentation%2F&amp;title=Harnessing%20user%20contributions%20for%20wiki-based%20documentation" id="wpa2a_6"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/09/managing-user-contributions-for-wiki-based-documentation/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>What HTML5&#8242;s most-discussed benefits mean for DITA</title>
		<link>http://learningbywrote.com/blog/2011/09/what-html5s-most-discussed-benefits-mean-for-dita/</link>
		<comments>http://learningbywrote.com/blog/2011/09/what-html5s-most-discussed-benefits-mean-for-dita/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 13:37:31 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Opinion]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=694</guid>
		<description><![CDATA[While some of the new features of HTML5 have a direct bearing on its future relationship with DITA (per my previous two posts on the subject, What HTML5&#8242;s parsing algorithm means for DITA and What HTML5&#8242;s outlining feature means for &#8230; <a href="http://learningbywrote.com/blog/2011/09/what-html5s-most-discussed-benefits-mean-for-dita/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>While some of the new features of HTML5 have a direct bearing on its future relationship with DITA (per my previous two posts on the subject, <a href="http://learningbywrote.com/blog/2011/09/what-html5s-parsing-algorithm-means-for-dita/">What HTML5&#8242;s parsing algorithm means for DITA</a> and <a href="http://learningbywrote.com/blog/2011/09/what-html5s-outlining-feature-means-for-dita/">What HTML5&#8242;s outlining feature means for DITA</a>), its other new features tend to be featured more often in other blogs and discussions. I&#8217;ve just done another pass through the list to see what I was missing.  A few features relate in some way to DITA content, but I&#8217;d categorize most as relating to Web development and general end-user benefits.</p>
<p><span id="more-694"></span></p>
<h2><a href="http://learningbywrote.com/blog/wp-content/uploads/2011/09/HTML5-DITA2-web.png"><img class="aligncenter size-full wp-image-711" title="HTML5-DITA2-web" src="http://learningbywrote.com/blog/wp-content/uploads/2011/09/HTML5-DITA2-web.png" alt="" width="254" height="282" /></a>Markup features</h2>
<p><strong>Simplified doctype:</strong> The former XML-informed rigor for the XHTML doctypes is strongly eschewed in the HTML5 ruling class.  They felt that the burdens of invoking validation and requiring browsers to stop working on invalid content were frankly draconian (and from an end-user&#8217;s perspective, I agree). Users should not have to bear the error messages normally meant for developers. So the two-pronged approach now is to define how parsers should deal with invalid content (the subject of one of my previous blogs) and to relax the doctype so that standard XML-based validation is not invoked, yet with enough structure to still turn on standards mode in the browser. So for now, the doctype in HTML5 is just &lt;!DOCTYPE html&gt;. If authoring HTML5 directly, you should still perform XML validation on your saved content (an XML DTD exists, although disdained by the ruling class), and, if generating HTML5 as output from DITA or other XML source, I believe that you should still use XML-compliant markup traits in your output transforms to HTML5 (closed singleton tags like &lt;br/&gt;, and proper nesting). It hurts nothing, and makes your generated content more consumeable by XSLT-aware web services.</p>
<p><strong>Simplified attribute markup</strong> (no quotes required): This is a concession to content writers who use flat editors and create tag soup unthinkingly. If you are following the previous recommendation to generate standards-compliant XHTML conventions, you will be creating <em>quoted attribute value declarations</em>, so this non-progressive markup relaxation should not apply to you, and your standards-compliant markup certainly won&#8217;t harm any end-users or content consuming services.</p>
<p><strong>Enhancements to forms:</strong> Several features relate to providing handy new features for forms, such as native syntax checking for email addresses, providing placeholder text behaviors within input fields, sliders for representing progress or ratings (3 out of 5, for example), and denoting required fields with browser-based checking (reducing the reliance on JavaScript for such input validation). These features should appeal to HTML5 app developers, but it&#8217;s not clear to me that DITA today has any direct representation for such markup (unless through a forms specialization, which is not out of the picture).</p>
<p><strong>Inherent support for video and audio inclusions with brower-generated controls:</strong> For developers, this simplifies some of the former need to encode all such multimedia references using the &lt;object&gt; element. For DITA authors, nothing changes on the authoring side, but the transforms may now produce the simpler &lt;video&gt; markup with must less accompanying code for managing the UI aspects of that content. All current browsers support this markup, which puts pressure on IT organizations to urge their users to get with the latest browser versions.</p>
<p><strong>Interactive content markup:</strong> &lt;mark&gt; (for applications to insert highlighting for search terms in context, for example), a &#8220;data-&#8221; prepend value for recognized user-declared attributes (use data-outputclass=&#8221;myspecialvalue&#8221; when preserving aspects of DITA meta-information in your HTML output, for example), &lt;output&gt; (sort of an Eval() placeholder for JavaScript dynamic result values such as timestamps), and more. Insofar as the spec is still under design and active beta, features may come or go, so this list may vary. Again, I see these as more for app development, but could be represented by appropriate DITA specializations at some point.</p>
<p>Depending on how you categorize markup, some of these could be viewed as semantic inline elements. I&#8217;ve chosen to call them &#8220;interactive content&#8221; markup because they tend to cause behaviors on the page vs actually representing the semantics of the content (other than a new &lt;time&gt; element whose behaviors are still being worked out).</p>
<h2>Interoperability with other standards and web features</h2>
<p>While interoperability with web standards is generally expected of browsers, Web developers have had to encode browser-specific overrides for including SVG or MathML snippets, for example. HTML5 does not specify interoperability practices, but the rollout is expecting all players in Web standards and services to play nicely together. Among the kinds of best practices that you&#8217;ll see emerging within the HTML5 ecosystem, watch for emphasis on:</p>
<ul>
<li>SVG and MathML, some XML content fragments that are commonly embedded in HTML pages</li>
<li>CSS3, which enables many of the expected presentational aspects of what is considered to be &#8220;Web 2.0-ish&#8221;features&#8211;rounded corners for boxes, for example.</li>
<li>CSS3 is even providing some AJAX-like behaviors for dynamic content, enabling lighter solutions, even some degree of game-like behaviors using canvas and other graphic properties.</li>
<li>Geolocation capabilities should certainly be available within HTML5-class browsers. This is not an HTML5 capability, per se, but with HTML5, you can certainly build location-aware behaviors.</li>
<li>Local caching is also mentioned as if it were an HTML5 feature, although it is actually more of a browser feature that happens to make better use of what are now accepted web development techniques for making best use of bandwidth.</li>
</ul>
<p>One of the most exciting capabilities that we&#8217;ll see emerging as a result of this increased interoperability of standards and services will be for creating interactive content on small-form-factor and touch-operated devices such as mobile phones and tablets.</p>
<h2>Support for mobile form factors</h2>
<p>HTML5 for mobile content may revolutionize pushing DITA content more easily to mobile devices. Most of the interoperability capabilities will apply directly to how you generate DITA content for use on mobile devices (geolocation, caching, UI features, and more).</p>
<p><em>HTML5 for mobile web content</em> is basically the focus on generating DITA content into a form that provides more agreeable user experience, both in formatting for a small screen and for how links and controls, tables, and other problematic content are used in that context.</p>
<p><em>HTML5 for mobile apps</em> on the other hand is more of a Web developer focus on creating mobile interfaces to major web sites (or for locally cached data for offline use) that are expected to revolutionize the cottage industry of app development. I&#8217;m speaking beyond my experience here, but I understand that instead of installing (and continually updating) an app to interface to my favorite world news site, a mobile web site will be able to provide the same behavior through the browser.</p>
<h2>Impact to the DITA Open Toolkit</h2>
<p>Here are some things that can be done now by developers who are interested in extending the DITA Open Toolkit&#8217;s capabilities with HTML5:</p>
<ol>
<li>It is time to move on from the frame-based navigation shell provided in DITA-OT. Rather, include your individual result pages in the content pane of an HTML5-based structural shell, using the &lt;header&gt;, &lt;footer&gt;, &lt;article&gt;, &lt;nav&gt;, &lt;aside&gt; and other structural block elements per emerging best practice.</li>
<li>Devise alternate shells that specifically address best practices for mobile devices (cell phone and tablet buttons and layouts, for example)</li>
<li>Combine these HTML5 shells (the overall structure of your web site or content-rendering environment) with the appropriate use of CSS3 for layout control and to replace former box and image hacks for rounded corners, shading, offsets, etc..</li>
<li>Prefer the use of PNG for your graphics formats. JPEG and GIF formats are reliable, but have their quirks. PNG images are generally light, offering the best compromise of pixel accuracy vs compression artifacts of both other formats, and brands your site as using progressive standards.</li>
<li>Help write HTML5-specific overrides and documentation for best-practice use of the &lt;object&gt; element to represent HTML5&#8242;s video and audio function.</li>
<li>Provide support for inserting user-generated attributes (prefixed with &#8220;data-&#8221;) for outputclass and other DITA-specific metadata values we might push into the generated HTML.</li>
<li>HTML5&#8242;s structural markup works wonderfully well with CSS3 for creating various layouts for delivering transformed DITA content in exciting new ways. I&#8217;m looking forward to discussing some work I&#8217;ve done and to seeing the work of others in this area. DITA&#8217;s plain-Jane days are nearly past&#8211;HTML5 and CSS3 are about to put lipstick on this pig!</li>
<li>We can start with structure&#8211;that part of the design work seems well-cooked for now&#8211;, but add other element behaviors only if they seem ready and have customary usage in the wild. Some demo sites are very slow for browsers that lack fully optimized behaviors for advanced HTML5 features. If a particular HTML5 or CSS3 feature appeals just because it looks nifty, weigh its value against its impact to the user&#8217;s experience. This goes for anyone creating direct HTML5 content as well as for Web content generated from XML source formats like DocBook or DITA.</li>
</ol>
<p><strong>Summary</strong></p>
<p>I am certain that I&#8217;ll need to revisit this discussion in a year to see if I still assess things the same way. But it is clear to me that browsers already make use of a great deal of these capabilities that beg to be put into use as appropriate!</p>
<p>Note that since HTML5 is intended to become Business As Usual on the Web, the &#8220;5&#8243; part of the name will eventually go away, and we&#8217;ll be talking about these as &#8220;latest HTML&#8221; features.</p>
<p>Already by popular request, it looks like I&#8217;ll be posting a follow-up demonstrating the use of multi-column layouts based on the HTML5 structural elements. Stay tuned!</p>
<p><strong>Related topics:</strong></p>
<ol>
<li>A Preview of HTML5, <a href="http://www.alistapart.com/articles/previewofhtml5">http://www.alistapart.com/articles/previewofhtml5</a></li>
<li>How HTML5 Will Revolutionize the Web,  <a href="http://www.technewsdaily.com/how-html5-will-revolutionize-the-web-100202-0154/">http://www.technewsdaily.com/how-html5-will-revolutionize-the-web-100202-0154/</a></li>
<li>HTML5 is Here Now: HTML5 Benefits for Users and Developers,  <a href="http://janderson99.hubpages.com/hub/HTML5-is-Here-Now-HTML5-Benefits-for-Users-and-Developers">http://janderson99.hubpages.com/hub/HTML5-is-Here-Now-HTML5-Benefits-for-Users-and-Developers</a></li>
<li>The Benefits of HTML5,  <a href="http://www.g2k.igot2know.com/the-benefits-of-html5">http://www.g2k.igot2know.com/the-benefits-of-html5</a></li>
<li>HTML5-Opportunities for Mobile Devices,  <a href="http://www.learningsolutionsmag.com/articles/681/html5--opportunities-for-mobile-devices/page2">http://www.learningsolutionsmag.com/articles/681/html5&#8211;opportunities-for-mobile-devices/page2</a></li>
<li>Mobile development with HTML5,  <a href="http://www.engineyard.com/blog/2011/mobile-development-with-html5/">http://www.engineyard.com/blog/2011/mobile-development-with-html5/</a> <em>(some recommended tips for HTML transforms that exploit HTML5 features intended to improve mobile performance and interaction)</em></li>
<li>Present State of HTML5 in Mobile App Development,  <a href="http://martinkou.blogspot.com/2011/06/present-state-of-html5-in-mobile-app.html">http://martinkou.blogspot.com/2011/06/present-state-of-html5-in-mobile-app.html</a></li>
</ol>
<p><strong>Applying HTML5 (related to DITA transforms):</strong></p>
<ol>
<li>Dive Into HTML5,  <a href="http://diveintohtml5.org/">http://diveintohtml5.org/</a></li>
<li>HTML5 Doctors,  <a href="http://html5doctor.com/article-archive/">http://html5doctor.com/article-archive/</a></li>
<li>A Basic HTML5 Template,  <a href="http://www.sitepoint.com/a-basic-html5-template/">http://www.sitepoint.com/a-basic-html5-template/</a></li>
<li>Real World HTML5 and CSS3 in Internet Explorer 9,  <a href="http://www.sitepoint.com/real-world-html5-and-css3-in-internet-explorer-9/">http://www.sitepoint.com/real-world-html5-and-css3-in-internet-explorer-9/</a></li>
</ol>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F09%2Fwhat-html5s-most-discussed-benefits-mean-for-dita%2F&amp;title=What%20HTML5%E2%80%B2s%20most-discussed%20benefits%20mean%20for%20DITA" id="wpa2a_8"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/09/what-html5s-most-discussed-benefits-mean-for-dita/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>What HTML5&#8242;s parsing algorithm means for DITA</title>
		<link>http://learningbywrote.com/blog/2011/09/what-html5s-parsing-algorithm-means-for-dita/</link>
		<comments>http://learningbywrote.com/blog/2011/09/what-html5s-parsing-algorithm-means-for-dita/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 13:52:35 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[migration]]></category>
		<category><![CDATA[Opinion]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=680</guid>
		<description><![CDATA[&#8220;Tag soup&#8221; is neither satisfying nor nutritious. This pejorative name describes the form of unstructured HTML that browsers have had to consume since day 1 of the World Wide Web. As the name implies, it is a mixture of markup &#8230; <a href="http://learningbywrote.com/blog/2011/09/what-html5s-parsing-algorithm-means-for-dita/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&#8220;Tag soup&#8221; is neither satisfying nor nutritious. This pejorative name describes the form of unstructured HTML that browsers have had to consume since day 1 of the World Wide Web. As the name implies, it is a mixture of markup in various states of unclosed, misused, or badly nested elements. The expectation on the Web is that everything should just work, so browsers dutifully consume all content and try to give out a rendering without complaint. Until now, each browser has had its own approach to the problem, with correspondingly different results for some types of tag soup formulations. HTML5 effectively brings a certified chef back into the kitchen.</p>
<p><span id="more-680"></span>The &#8220;secret ingredient&#8221; in the HTML5 specification is not even any new markup. Rather, it is a chapter devoted to defining a standard way for all conforming browsers to approach the resolution of various &#8220;tag soup&#8221; parsing issues (as in English grammar, &#8220;parsing&#8221; is simply the picking apart of the parts of text&#8211;separating the markup from the readable content before handing the pieces off for rendering). In short, if you hand the same malformed document to each vendor&#8217;s conforming HTML5 browser, the parsed view of that document will be identical in each browser. This parsing algorithm is described in the HTML5 specification, <a href="http://dev.w3.org/html5/spec/parsing.html" target="_blank">http://dev.w3.org/html5/spec/parsing.html</a> (&#8220;Parsing HTML documents).</p>
<p>This applies to DITA in several key ways:</p>
<ul>
<li>Because weird tag soup structures are decomposed more consistently, the resulting view of the document is more like Well Formed XML. This algorithm effectively does much the same cleanup as the handy TIDY tool at Sourceforge (<a href="http://tidy.sourceforge.net/">http://tidy.sourceforge.net/</a>). In theory, you could now apply an XSLT stylesheet to this internal model and get more consistent migration from this formerly toxic mish-mash into a handy structure like DITA.</li>
<li>For in-browser editors, this inherent cleanup can simplify the usual HTML cleanup steps for content being written back out to the saved format. I have not tested exactly how the parsing algorithm affects content that is rendered and then saved out from contentEditable contexts, but it bears looking at by in-browser editors that could reasonably require HTML5-compliant browsers as their hosts. Most users who have upgrade options selected for their browsers are already getting this capability since it is now in all major browsers, so it is worth putting into a feature road map.</li>
<li>The algorithm is described so that it can be implemented in standalone tools as well as by the parsers integrated into browsers. I expect that we will soon see &#8220;HTML5 well-formed mode&#8221; as a parsing option in popular XML parsers. In short, rather than sending an HTML document through the initial TIDY step to coax it into a well-formed state, the parser can take that input directly and do much the same, bypassing an admittedly klunky part of a normal HTML conversion pipeline.</li>
</ul>
<p>These outcomes may seem theoretical and might not tangibly benefit DITA writers or content owners right away. But I expect that the effect of this normalizing behavior on the world&#8217;s HTML content will create more efficiencies in the tools that normally handle HTML flows in and out of our DITA writing and production services. At the very least, wouldn&#8217;t it be nice if the task of converting &#8220;HTML tag soup&#8221; to &#8220;delectable DITA topic&#8221; were at the kitchen recipe level instead of the Iron Chef challenge it is today?</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F09%2Fwhat-html5s-parsing-algorithm-means-for-dita%2F&amp;title=What%20HTML5%E2%80%B2s%20parsing%20algorithm%20means%20for%20DITA" id="wpa2a_10"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/09/what-html5s-parsing-algorithm-means-for-dita/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What HTML5&#8242;s outlining feature means for DITA</title>
		<link>http://learningbywrote.com/blog/2011/09/what-html5s-outlining-feature-means-for-dita/</link>
		<comments>http://learningbywrote.com/blog/2011/09/what-html5s-outlining-feature-means-for-dita/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 15:11:10 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[migration]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=674</guid>
		<description><![CDATA[Before XML and SGML, IBM&#8217;s Generalized Markup Language (GML) represented document structure in a tag-like way, expressing the semantics of the content while separating that content from the underlying formatting controls. GML&#8217;s structural elements included the express heading level tags, &#8230; <a href="http://learningbywrote.com/blog/2011/09/what-html5s-outlining-feature-means-for-dita/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Before XML and SGML, IBM&#8217;s Generalized Markup Language (GML) represented document structure in a tag-like way, expressing the semantics of the content while separating that content from the underlying formatting controls. GML&#8217;s structural elements included the express heading level tags, <code>:h1.</code> through <code>:h6.</code>, which informed on HTML&#8217;s early use of those same names for its visual heading elements. Both markup languages lacked formal containers for the scope of content under a heading, but GML had a run-time capability that writers could use to check the organization of their content: a generated Table of Contents (or ToC) view.</p>
<p><span id="more-674"></span></p>
<p>I&#8217;ve seen several Javascript utilities that attempted to represent HTML headings in the browser as presumed ToCs, but the tools cannot distinguish between the use of headings for figures vs headings for hierarchy. With no standard in the language for separating the presentational usage of headings from the structural usage, each implementation was different.</p>
<p>The designers of HTML5 recognized the need for consistent representation of structural hierarchy in HTML by introducing 1) some very DITA-like markup (<code>&lt;section&gt;</code> and <code>&lt;article&gt;</code> in particular), 2) a wrapper for intentional presentational usage (<code>&lt;hgroup&gt;</code>), 3) and, like its GML inspiration, a formal ability for the browser to infer a Table of Contents from the indicated structural markup. This outlining algorithm is described in the HTML5 specification, <a href="http://dev.w3.org/html5/spec/sections.html#headings-and-sections">http://dev.w3.org/html5/spec/sections.html#headings-and-sections</a> (Headings and sections).</p>
<p>This so-called &#8220;HTML5 outlining algorithm&#8221; encourages markup usage that an HTML5-conforming browser can represent in a formal ToC right on the web page:</p>
<pre style="font-size: 13px; font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;">&lt;article&gt;
 &lt;body&gt;
  &lt;h1&gt;Apples&lt;/h1&gt;
  &lt;p&gt;Apples are fruit.&lt;/p&gt;
  &lt;section&gt;
   &lt;h1&gt;Taste&lt;/h1&gt;
   &lt;p&gt;They taste lovely.&lt;/p&gt;
   &lt;section&gt;
    &lt;h1&gt;Sweet&lt;/h1&gt;
    &lt;p&gt;Red apples are sweeter than green ones.&lt;/p&gt;
   &lt;/section&gt;
  &lt;/section&gt;
  &lt;section&gt;
   &lt;h1&gt;Color&lt;/h1&gt;
   &lt;p&gt;Apples come in various colors.&lt;/p&gt;
  &lt;/section&gt;
 &lt;/body&gt;
&lt;/article&gt;</pre>
<p>In a sidebar, this might appear as:</p>
<pre>Apples
  Taste
    Sweet
  Color</pre>
<p>Other than element names and sequence differences (easily handled by basic XSL-T techniques), this structure now  maps quite cleanly to structures in a composite DITA topic:</p>
<pre style="font-size: 13px; font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;">&lt;topic&gt;
 &lt;title&gt;Apples&lt;/title&gt;
 &lt;body&gt;
  &lt;p&gt;Apples are fruit.&lt;/p&gt;
 &lt;/body&gt;
 &lt;topic&gt;
  &lt;title&gt;Taste&lt;/title&gt;
  &lt;body&gt;
   &lt;p&gt;They taste lovely.&lt;/p&gt;
  &lt;/body&gt;
  &lt;topic&gt;
   &lt;title&gt;Sweet&lt;/title&gt;
   &lt;body&gt;
   &lt;p&gt;Red apples are sweeter than green ones.&lt;/p&gt;
    &lt;/body&gt;
   &lt;/topic&gt;
  &lt;/topic&gt;
  &lt;topic&gt;
   &lt;h1&gt;Color&lt;/h1&gt;
   &lt;body&gt;
    &lt;p&gt;Apples come in various colors.&lt;/p&gt;
   &lt;/body&gt;
   &lt;/topic&gt;
  &lt;/topic&gt;
 &lt;/topic&gt;</pre>
<p>Another common HTML pattern of use is for various heading combinations to represent formal titles with &#8220;kicker&#8221; subheadings (as in <code>&lt;h1&gt;Blog title&lt;/h1&gt;&lt;h4&gt;Tagline&lt;/h4&gt;</code>). A kicker is not a formal part of the hierarcy, but it can be kept out of the structural outline by placing both elements within an <code>&lt;hgroup&gt;</code> container. The outlining algorithm now selects only the higher-level heading as the structural heading, and ignores the subheading as a misleading indicator of hierarchy:</p>
<pre style="font-size: 13px; font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;">&lt;hgroup&gt;
 &lt;h1&gt;Blog title&lt;/h1&gt; <strong>&lt;--structural in this context</strong>
 &lt;h4&gt;Tagline&lt;/h4&gt;  <strong>&lt;--presentational in this context</strong>
&lt;/hgroup&gt;</pre>
<p>These capabilities are exciting to see, but I expect it will take some time for the larger world of HTML content creators to reliably embrace these outlining conventions. I foresee these implications:</p>
<ol>
<li>Migration tools for HTML-to-DITA can now mimic the same outlining algorithm in order to infer a DOM that is structured in the way the browser sees it. From there, the migration tool may apply more appropriate final output restructuring, but at least there is no guessing about the basic input model&#8211;it will be a reliable starting place across browsers. <em>All migration tools should try to provide &#8220;HTML5 outlining&#8221; as one of the available modes for disambiguating the apparent structure in original HTML content.</em></li>
<li>Schema-driven writing tools for HTML authors cannot directly enforce these structures at the point where they might be desired, as these containers are optional in the HTML5 content model. Tools will need to offer explicit assists to help writers create a properly nested structure for outlining. Of course, DITA authors get this structuring guidance by default since nesting is such a strong design pattern in DITA&#8217;s topic orientation. <em>The ability of DITA editors<em>, even the &#8220;baby DITA editors,&#8221;</em> to guide in creating properly nested structure is a marketable benefit for using DITA tools for creating structured web content.</em></li>
</ol>
<p>Can web content strategists expect brighter days ahead for well-structured content that can be reused somewhat more interoperably with their DITA counterparts? Could the HTML world recognize the value of creating such structures initially in DITA editors? Could DITA take over the world? I have no crystal ball clues for any of these, but I expect at least &#8220;an improvement in diplomatic relationships&#8221; between these two formerly estranged markup relatives.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F09%2Fwhat-html5s-outlining-feature-means-for-dita%2F&amp;title=What%20HTML5%E2%80%B2s%20outlining%20feature%20means%20for%20DITA" id="wpa2a_12"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/09/what-html5s-outlining-feature-means-for-dita/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5 in the world of DITA</title>
		<link>http://learningbywrote.com/blog/2011/08/html-5-in-the-world-of-dita/</link>
		<comments>http://learningbywrote.com/blog/2011/08/html-5-in-the-world-of-dita/#comments</comments>
		<pubDate>Fri, 26 Aug 2011 20:12:58 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Ponderings]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=655</guid>
		<description><![CDATA[My new blender has a programmed mode in which the ingredients initially swirl around just before it goes into a surge of power that brings everything together into something new. HTML5 is like that: buzz about this mysterious upgrade first &#8230; <a href="http://learningbywrote.com/blog/2011/08/html-5-in-the-world-of-dita/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>My new blender has a programmed mode in which the ingredients initially swirl around just before it goes into a surge of power that brings everything together into something new. HTML5 is like that: buzz about this mysterious upgrade first came on our radars several years ago via preliminary demos and fuzzy projections for the future, but lately we&#8217;re seeing more articles about best practices for its use coming into place. HTML5 truly is becoming &#8220;cooked,&#8221; in developer parlance.</p>
<p><span id="more-655"></span></p>
<p>If you are coming to HTML5 from an unstructured content background, the talk about &#8220;semantic tags&#8221; can be confusing. For example, whether to use &lt;aside&gt; within or outside of the &lt;article&gt; depends on the semantic relationship of the marginalized content to the article or to the site itself. In a poorly information-typed language like HTML, these distinctions are indeed not very clear to most people.</p>
<p>Users of DITA, however, probably see some clear associations of these HTML5 elements with structures in both DITA topics and DITA maps. Topics, in DITA parlance, are directly equivalent to the content of the HTML5 &lt;article&gt; element, and maps are pretty clearly equivalent to the content in a &lt;nav&gt; element. But I was delighted to understand that there is a greater type of synergy as well between HTML5 and DITA: that topics and maps each have an almost-by-design relationship with the recommended layout of a web page based on HTML5 principles.</p>
<p>Most web page content, even that generated by the DITA Open Toolkit, is expected to be viewed in the context of some larger environment that provides affordances like navigation, site terms and conditions, &#8220;About&#8221; and &#8220;Help&#8221; pages, and more. The key thing about HTML5, as I see it, is that it formalizes the organization of these disparate types of content into the cohesive end-user view. Earlier versions of HTML could do that as well, but only by using &lt;div&gt; and &lt;span&gt; elements with a good deal of CSS to effect the visual arrangement of the parts, or by the more discouraged techniques of layouts based on &lt;frameset&gt; or &lt;table&gt; markup. The &#8220;semantics&#8221; of HTML5 now enable each of these page artifacts to be arranged within markup that better clarifies the intent of the content in each location, whether it be a set of navigation links or a list of categories off to the side. Most particularly, the oft-presumed header and footer regions of a displayed page now have formal markup identifying those respective chunks of content. The full set of new structural elements in HTML5 are: header, footer, section, aside, nav, and article.</p>
<blockquote>
<hr />
<p><strong><span style="font-size: larger;">“HTML5 authoring communities now have a reason to care about structure&#8230;”</span></strong></p>
<hr />
</blockquote>
<p>And this plays well for DITA output rendering because these page layout regions correspond to overall DITA structures, both those implied by nested topics and by aggregated maps. Moreover, an emerging HTML5 feature called the &#8220;<a title="HTML 5 and the Document Outlining Algorithm" href="http://coding.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm/" target="_blank">Document Outlining Algorithm</a>&#8221; now enables browsers to infer map-like structure from HTML that has been properly constructed using fully nested sections with titles. Voila! Now the top-down processing normally generated for DITA content has a convergent browser capability that pushes HTML5 content creators to honor good principles of topic orientation and chunking. In other words, HTML5 authoring communities now have a reason to care about structure, and this portends greater future interoperability for tools like structured editors that can insert the best-practice wrappers for conforming HTML5 content.</p>
<p>HTML writers new to the idea are often confused about the role of these new structuring elements. HTML5 authors must make a conscious decision about how to designate various parts of the content as articles, sections, asides, or navs. Meanwhile, DITA authoring provides the proper structures (the design patterns missing in HTML) by default because XML editors auto-generate all wrapper markup needed for nested content in DITA. So basically, any &#8220;Simple DITA&#8221; authoring tool automatically becomes a boon for someone who needs to create semantically well-structured HTML5 because DITA provides the validated structure that maps directly to the HTML5 structures that for now can be enforced only by adhering to guidelines.</p>
<p>I&#8217;m not saying that the semantic names added to HTML5 have the same meaning as similar terms in DITA. &lt;article&gt; and &lt;section&gt; may have decidedly different meanings, and a topic can be either an article or an aside depending on context. How are you to know? It depends on your high-level information architecture and how it maps to the user&#8217;s view of the finished product, to some extent. I prefer to think of the HTML5 structural elements as a form of page-ordering language like XSL-FO rather than as author-guiding structures as enforced by DITA&#8217;s schemas. In this sense, it is now possible to organize and play back any DITA-based web page for better quality to other outputs such as ebooks and PDFs by viewing these HTML5 elements as formatting objects in their own right, upon which you can now differentiate your ultimate rendering, whether it be in a browser or to a CSS3-styled PDF page.</p>
<p>In this world of potentially good possible outcomes, I foresee:</p>
<ol>
<li>Replacement of the tri-pane layouts of DITA Open Toolkit by style-based layouts that internalize the layout into the display context. In other words, simpler site maintenance.</li>
<li>More use of DITA as direct-to-browser based content, particularly when either the map or the outer topic of a composite topic is used to organize the user&#8217;s view of that content architecture.</li>
<li>The increased use of CSS3 printing stylesheets and corresponding transforms enabling HTML5-based output to print beautifully and without the transform headaches usually associated with XSL-FO based PDF generation.</li>
<li>New DITA specializations that exploit these capabilities. Eliot Kimber, for example, has started looking into HTML5 output from his DITA for Publishers specialization&#8211;I can see this as a basically new toolkit specifically for commercial publishing workflows for all types of original DITA content. Another exciting use would be a composite/aggregated DITA structure that plays well into the more general case of business oriented documents&#8211;creating single-file whitepapers in a Word-like SOHO or SMB environment, for example.</li>
<li>Perhaps the increased recognition of the power of DITA&#8217;s organizational design patterns by the HTML5 working group, with some future intersections becoming possible in time for DITA 2.0 to accomodate them.</li>
<li>Enabling more consistent inclusion of videos, images, and other non-text content as titled exhibits within an HTML page. I&#8217;ve seen this as one of the most frustrating things for writers to maintain in the absence of guidance from the editing tools.</li>
<li>And most exciting from my viewpoint, potentially seeing the vision of DITA being used by web content authors because of the guidance it provides for the structures they need to generate for their published HTML5 blogs and site pages. I&#8217;m still pushing for the basic free DITA editor that can lead Web authors into this structural Nirvana, but I&#8217;m very hopeful for the future of the commercial tools that are already at hand for these future consumers.</li>
</ol>
<p>I&#8217;d like to hear your thoughts on how DITA relates to HTML5 and how both can be exploited for mutual benefit!</p>
<p>Related topics:</p>
<ul>
<li><a title="HTML 5 and CSS 3: The Techniques You'll Soon Be Using" href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/">HTML 5 and CSS 3: The Techniques You&#8217;ll Soon Be Using</a></li>
<li><a title="Aside Revisted" href="http://html5doctor.com/aside-revisited/" target="_blank">Aside Revisited</a></li>
<li><a title="Designing a blog with html5" href="http://html5doctor.com/designing-a-blog-with-html5/" target="_blank">Designing a blog with html5</a></li>
<li><a title="Coding a layout in HTML5 and CSS3" href="http://www.bene.be/blog/comments/coding_a_layout_in_html5_and_css3/" target="_blank">Coding a layout in HTML5 and CSS3</a></li>
<li><a title="HTML5 Guidelines for Web Developers: Structure and Semantics for Documents" href="http://www.informit.com/articles/article.aspx?p=1729269" target="_blank">HTML5 Guidelines for Web Developers: Structure and Semantics for Documents</a></li>
</ul>
<div><span style="font-size: small;"><span class="Apple-style-span" style="line-height: 24px;"><strong>Opinion:</strong> And by the way, I prefer &lt;aside&gt; to &lt;sidebar&gt; in that ongoing debate&#8211;what is a sidebar on a web screen may be endnotes in a printed presentation, even though both types of content are still &#8220;asides&#8221; from the discourse itself. I prefer to associate the presentation to the generic structure at rendering time, thank you. Either is more  preferable to &lt;div class=&#8221;sidebar&#8221;&gt; which has been the table-free workaround before.</span></span></div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F08%2Fhtml-5-in-the-world-of-dita%2F&amp;title=HTML5%20in%20the%20world%20of%20DITA" id="wpa2a_14"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/08/html-5-in-the-world-of-dita/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Style vs Structure: the crossover mashup in documentation</title>
		<link>http://learningbywrote.com/blog/2011/07/style-vs-structure-the-crossover-mashup-in-documentation/</link>
		<comments>http://learningbywrote.com/blog/2011/07/style-vs-structure-the-crossover-mashup-in-documentation/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 02:20:07 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[collaboration]]></category>
		<category><![CDATA[DITA]]></category>
		<category><![CDATA[publishing]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=629</guid>
		<description><![CDATA[I was listening to Steve Erquiaga&#8217;s Windham Hill version of Faure&#8217;s Pavane and noticed the poster&#8217;s comment that Steve is a Jazz and Classical crossover artist. It struck me that Steve&#8217;s seamless performance, blending styles in a single stream, is not unlike &#8230; <a href="http://learningbywrote.com/blog/2011/07/style-vs-structure-the-crossover-mashup-in-documentation/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I was listening to <a title="Steve Erquiaga's Windham Hill version of Faure's Pavane" href="http://youtu.be/OenPvQiKMYk" target="_blank">Steve Erquiaga&#8217;s Windham Hill version of Faure&#8217;s Pavane</a> and noticed the poster&#8217;s comment that Steve is a Jazz and Classical crossover artist. It struck me that Steve&#8217;s seamless performance, <em>blending styles in a single stream</em><strong>,</strong> is not unlike a mashup artist <em>blending streams in a single style</em>. Moreover, these techniques apply to writing appreciation as well as to music appreciation!</p>
<p><span id="more-629"></span></p>
<p>The standard recipe for a <em>mashup</em> is to find several songs with common beats and harmonies and blend them into an overlapping whole, while the goal of <em>crossover</em> is to take a song in one genre and play it using another genre&#8217;s stylistic norms or key signatures. Walter Murphey&#8217;s &#8220;A Fifth of Beethoven&#8221; is a classic example of crossover, as is &#8220;Lover&#8217;s Concerto&#8221; (&#8220;How gentle is the rain&#8230;&#8221;) based on a Bach minuet. Relating these two different musical editing approaches to documentation might take a stretch, but let&#8217;s try.</p>
<p>One of the premises of topic-oriented information is that various topics might be <em>assembled like a conventional mashup</em>, informed by some logic of order and nesting that puts the information architect in the role of the mashup master. These are the map/topic collections with which DITA users are familiar. The crossover approach is more like <em>applying a different stylesheet or even different branding to a set of content</em> (which might itself be a new aggregation/mashup). This is common for OEM-rebranded DITA information or for internal infocenters that need a common, corporate look and feel.</p>
<p>In the document world, crossover (style) and mashup (reorganization) techniques have been the tools for writers and information architects for updating content and creating new product versions. Increasingly, content aggregation tools are being provided for product users to customize and manage their own views of product docs, at least for some major installed products.</p>
<p>The next big turn of events will come when DITA content can be made more globally accessible on the Web&#8211;open source content for open use, as it were. With the right open source tools in the hands of users, any open DITA content could be managed into new forms just as easily.</p>
<p>One recent scenario for this kind of collaboration came with the release of the Google+ social service. As is all too common for new agile releases, the Google+ rollout came with very little documentation, and users quickly organized to create cheat sheets, fan sites, blogs, videos, and other scattered versions of helps for new users. Imagine how reliable and consistent that content might be if contributors could collaborate on a common version in an open repository and users could access open aggregation tools to build their own custom versions of the parts they needed?</p>
<p>In general, mashups or crossover performances are easy if you have tools that meet you halfway with knowledge you need to complete the task. What would that ideal documentation tool for creating blended content styles and streams look like?  I am fairly certain that DITA will be part of that picture!</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F07%2Fstyle-vs-structure-the-crossover-mashup-in-documentation%2F&amp;title=Style%20vs%20Structure%3A%20the%20crossover%20mashup%20in%20documentation" id="wpa2a_16"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/07/style-vs-structure-the-crossover-mashup-in-documentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links, Likes, and the Social Document</title>
		<link>http://learningbywrote.com/blog/2011/06/links-likes-and-the-social-document/</link>
		<comments>http://learningbywrote.com/blog/2011/06/links-likes-and-the-social-document/#comments</comments>
		<pubDate>Sun, 26 Jun 2011 17:56:08 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[DITA]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=618</guid>
		<description><![CDATA[The Implications are upon us! In the past month, I&#8217;ve seen a surge of discussion about the rising impact of social networks on the traditional habits of Web users. One of the most trending articles has been &#8220;The Web is &#8230; <a href="http://learningbywrote.com/blog/2011/06/links-likes-and-the-social-document/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The Implications are upon us! In the past month, I&#8217;ve seen a surge of discussion about the rising impact of social networks on the traditional habits of Web users. One of the most trending articles has been &#8220;<a href="http://allthingsd.com/20110623/the-web-is-shrinking-now-what/" target="_blank">The Web is Shrinking, Now What?</a>&#8221; In it, Wetpaint founder Ben Elowitz noted the historical rise of Facebook visits against a declining trend of Google visits. While his comparison is not quite an apples to apples (one doesn&#8217;t linger to read at the google.com domain, for example), Ben&#8217;s article does tease out some implications of this recent discourse for DITA users.</p>
<p><span id="more-618"></span>The argument is essentially this: the document-oriented Web, accessed by search, is ceding ever more user time to the social network Web, which is comprised of personal commentary, relationships, memes, and ratings. Content publishers who want their products to remain relevant need to pay attention to making their content increasingly discoverable within the social network mechanisms. In short, &#8220;Likes&#8221; are now competing with &#8220;Links&#8221; as the primary reason why someone might visit one of your content pages.</p>
<p>How would you really put any of this talk into practice?</p>
<ol>
<li>The <em>analytics for SEO</em> trend (how you increase search rankings for static content) is maturing towards <em>analytics that augment business intelligence</em> (how you improve your awareness of market trends and business opportunities&#8211;see &#8220;<a href="http://gigaom.com/2011/06/23/data-is-the-new-platform-and-social-is-the-intelligence/" target="_blank">Data is the new platform, and social is the intelligence</a>&#8220;). While you might still use analytics to drive search traffic to your site, you should also be using analytics to refine your actual product design and your strategy for raising brand awareness and reputation on social networks. Your brand&#8217;s importance in the social network is becoming your most valuable Web asset&#8211;it&#8217;s about ratings over rankings!</li>
<li>People are now competing with documents in the way the Web is being used. So if you want to make your site or even individual topics more visible, figure out how to &#8220;friend&#8221; or &#8220;follow&#8221; them and get &#8220;likes&#8221; for them (see &#8220;<a href="http://www.cmswire.com/cms/enterprise-collaboration/can-documents-become-more-social-010720.php" target="_blank">Can Documents Become More Social?</a>&#8220;). Facebook has already been enabling this for business or interest pages on its ecosystem; news networks and other content publishers are now using that API to enable &#8220;liking&#8221; stories on their sites, thereby creating lists of friend-recommended articles on their home pages.<br />
Taking the idea further, in traditional online reviews for product documents, the review workflow management system typically pushes out schedule-driven news about progress through the review cycle. Now imagine the &#8220;follow&#8221; equivalent, where a social network capability uses tweets as the messaging system to keep you (and others on the interest list) abreast of all new activity with the document, including a better sense of how the approval ranking of the content is going (even the prospect of early signoff if the cognizant approvers are already in agreement). It&#8217;s a heady thought, but this is about innovating to make better use of social networking trends.</li>
<li>As this title indicated, &#8220;Likes&#8221; are the New Order&#8217;s equivalent of &#8220;Links&#8221; in the Web. Whereas you might bookmark an article that YOU want to get back to, you &#8220;like&#8221; an article that you want OTHERS to get to. By so doing, you are raising the ranking of the article, not necessarily on the searchable Web, but on the social Web, where your friends or customers are apparently spending more time.</li>
</ol>
<p>You might think of your DITA-based content on the Web as being used in these ways, then:</p>
<ul>
<li><strong>Searched</strong>, for someone engaged in a specific task, to get quickly to specific procedural, conceptual, or reference endpoints (usually the output of DITA Open Toolkit). They might bookmark this content if it is worth getting back to apart from using the search intermediary again.</li>
<li><strong>Read</strong>, for someone engaged in the content, whether out of interest, to gain knowledge, or even just reading a novel (DITA for Publishers fits this role). I think of this as being typically &#8220;rated&#8221; by readers.</li>
<li><strong>Socialized</strong>, for someone engaged with news or trends relating to the content (the domain of some of the emerging collaborative DITA tools). Content is typically tagged as notable by a &#8220;Like&#8221; button.</li>
</ul>
<p>Given the well-documented growth of social networks and how they impact the use of content on the Web, how are you preparing for the change? Is your DITA content still only Linked, or can it be Liked?</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F06%2Flinks-likes-and-the-social-document%2F&amp;title=Links%2C%20Likes%2C%20and%20the%20Social%20Document" id="wpa2a_18"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/06/links-likes-and-the-social-document/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The case for &#8220;simpler DITA&#8221; editors</title>
		<link>http://learningbywrote.com/blog/2011/05/the-case-for-simpler-dita-editors/</link>
		<comments>http://learningbywrote.com/blog/2011/05/the-case-for-simpler-dita-editors/#comments</comments>
		<pubDate>Wed, 04 May 2011 20:26:01 +0000</pubDate>
		<dc:creator>Don</dc:creator>
				<category><![CDATA[collaboration]]></category>
		<category><![CDATA[DITA adoption]]></category>
		<category><![CDATA[map editing]]></category>
		<category><![CDATA[topic editing]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://learningbywrote.com/blog/?p=599</guid>
		<description><![CDATA[I&#8217;ve been tracking the growing scope for &#8220;simpler DITA&#8221; editors for several years. I&#8217;m not surprised that the trend exists&#8211;I&#8217;ve helped encourage it, in fact. In her post on The devolution of DITA editors, Sarah O&#8217;Keefe asks, What is the case &#8230; <a href="http://learningbywrote.com/blog/2011/05/the-case-for-simpler-dita-editors/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been tracking the growing scope for &#8220;simpler DITA&#8221; editors for several years. I&#8217;m not surprised that the trend exists&#8211;I&#8217;ve helped encourage it, in fact. In her post on <a href="http://www.scriptorium.com/2011/05/the-devolution-of-dita-editors/" target="_blank">The devolution of DITA editors,</a> Sarah O&#8217;Keefe asks, What is the case for what she calls babyDITA editors? Of course, I have an opinion.</p>
<p><em><span id="more-599"></span></em></p>
<p>Having watched DITA&#8217;s growth from the beginning, I&#8217;ve never believed that DITA was just for Tech Pubs, although that scenario certainly informed on DITA&#8217;s design. But given the current maturity and power of DITA editing tools for Tech Pubs (or Information Development&#8211;ID), I feel that now we can move DITA beyond the fringes of that community, where as a web-oriented standard, there are whole new markets for DITA&#8217;s use.</p>
<p>For full-on technical writing, the standard, best-of-class DITA editors are absolutely what is needed. Those are the only tools for that level of job. It&#8217;s just that the technical writing job requires more than average knowledge of XML, DITA elements, conditionality strategies, content reuse goals, build and publishing skills, and the procedural know-how to help steer effectively through the full life-cycle tasks that define the job, and these tools typically integrate your access to all those job functions.</p>
<p>For those domain specialists in your company who create content that you wish to bring into a smart corporate strategy, and whose job description does not include &#8220;DITA,&#8221; these power tools are just not a good fit, obviously. They&#8217;ll keep on using what they know and have access to unless you can give them something that they can agree makes sense for them as well as for the strategy. Not that they&#8217;ll have to love the new tool, but they shouldn&#8217;t have to hate it!</p>
<p>Content from across the enterprise is not only technical, it can come from marketing, business, site news, specifications, HR, company P&amp;P, and more, very often NOT requiring information typing or technical domains. Much of that content has limited intersection with Tech Pubs. But when the directive comes to start implementing DITA across the company, or just anywhere beyond Tech Pubs, the need for simpler and seductive DITA editors becomes much more justifiable, in licensing cost, in training, in centralized IT provisioning (assuming the use of corporate collaboration tools), and more.</p>
<p>I can&#8217;t say that my experience using any of the heavy-hitting DITA editors has ever been particularly <em>agreeable </em>or in any way seduced me from other editors. But I&#8217;ll bet the business plan for the <a href="http://www.codex-systems.ca/" target="_blank">Codex</a> team is based strongly on providing a compelling, low-barrier experience for these non-ID writers. Once you can get them into DITA, your existing DITA infrastructure can start providing more benefits: federated content sharing via common back ends, consistent appearance thanks to shared production tools and stylesheets, the option of reuse by reference for ID (in that generic DITA generally can be conreffed into any information type, which solves the typing problem), and more.</p>
<p>The full, easy end-to-end functionality for those users is still evolving, but I believe that the need for such tools for non-ID writers is greater than ever, and I look forward to more growth and better definition for the marketable uses for DITA beyond ID.</p>
<p>As the use of DITA grows for content across the enterprise, there are adjustments to make, of course. These tools are not for power tech writers. As many have observed, the features and functionality for working with standard DITA content is just not in these lower-cost tools. Therefore you must resist the thought of turning programmers and sales people into surrogate ID team members&#8211;they have their own jobs to do, and using DITA may never be in their job descriptions. But if you can give them a tool that just happens to ease the harvesting of their knowledge in a progressive way, you just might be working smarter rather than harder.</p>
<p>Editors in this category exist for several preferred content architectures:</p>
<ul>
<li>Browser based that you integrate into your own Cloud strategies, for which <a href="http://xopus.com/xopus-web-based-wysiwyg-xml-editor.html" target="_blank">Xopus</a> and <a href="http://www.inmediusdita.com/index.html" target="_blank">DITA Storm</a> are fairly full-featured examples. I&#8217;ve used the open source <a href="http://expedita-cct.com/dcc/" target="_blank">expeDITA Content Collaboration project</a> as a demonstrator for what is possible using native, in-browser editing capabilities (at the Rich Text level).</li>
<li>SaaS-based offerings, for which <a href="http://easydita.com/" target="_blank">easyDITA</a> is a good example. I don&#8217;t understand the role of  <a href="http://www.codex-systems.ca/" target="_blank">Codex</a> well enough to say that it fits here for certain, but I think it is poised to grow in this space.</li>
<li>Desktop-based offerings, in which collaboration is through the back end. These are close to full-featured, although not often seen in the high-end lists. Among them are <a href="http://www.syntext.com/" target="_blank">Syntext Serna</a> and <a href="http://www.xmlmind.com/docrep/what_is_docrep.html" target="_blank">XMLMind XML Editor</a> which support DITA collaboration via the WebDAV standard. <a href="http://ditalabs.com/" target="_blank">DITALabs</a> does so via the CMIS standard. And <a href="http://www.quark.com/Products/Quark_XML_Author/" target="_blank">Quark XML Author</a> and <a href="http://www.simplyxml.com/sd_overview.php" target="_blank">Simply DITA for Content Mapper</a> are Word-based add-ons aimed at &#8220;seducing&#8221; users with deep Word experience (which number in legions, I&#8217;m told).</li>
</ul>
<p><span style="font-size: 16px; font-family: Georgia, 'Bitstream Charter', serif; line-height: 24px;">Conventional DITA and XML editors for ID-level use can provide interface customizations that can help simplify the experience somewhat as well.  But there is a crossover point where the requirements for seductive user experience and non-expectation of deep DITA awareness drops into the realm of cost and function that the cheaper echelon of tools can provide.</span></p>
<p><span style="font-size: 16px; font-family: Georgia, 'Bitstream Charter', serif; line-height: 24px;">And I have to mention as well my recent series on &#8220;Creating DITA&#8221; using the flotsam and jetsam of our connected lives&#8211;if you caught without your favorite DITA editor, you are not necessarily out of options for still getting your drafts into DITA for the longer haul.</span></p>
<p><span style="font-size: 16px; font-family: Georgia, 'Bitstream Charter', serif; line-height: 24px;"> Several years ago, we just didn&#8217;t have many lower-cost DITA options to press into beyond-ID usage. Now I&#8217;m looking forward to where this larger sea of DITA uptake can take us!</span></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Flearningbywrote.com%2Fblog%2F2011%2F05%2Fthe-case-for-simpler-dita-editors%2F&amp;title=The%20case%20for%20%E2%80%9Csimpler%20DITA%E2%80%9D%20editors" id="wpa2a_20"><img src="http://learningbywrote.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://learningbywrote.com/blog/2011/05/the-case-for-simpler-dita-editors/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

