xmetal and dita in the marketing department: tastes great, less filling
DESCRIPTION
Some say XML doesn't belong in Marketing, where design trumps structure every time. Follow along as our own JustSytems Marketing group adopts DITA to save time and money in the creation, editing and publishing of XMetaL product data sheets. We discuss the challenges faced, along with a detailed look at how we modified the DITA Open Toolkit to match the previous InDesign-produced PDFs. A recording of this presentation is available at http://tinyurl.com/29qxzuv . This presentation is part of the free "XMetaL in 37 Minutes" webinar series. For upcoming webinars, see http://na.justsystems.com/webinars.php .TRANSCRIPT
© 2010 JustSystems Inc.1 © 2010 JustSystems Inc.
XMetaL and DITA in the Marketing Department
tastes great, less filling
© 2010 JustSystems Inc.2
Publishing product data sheets
• Previously: Word + InDesign
• Cost: $20,000/year
• 9 SKUs x 2 updates/year x $1100/update
• Average turnaround: 5 days
Slow and expensive
Challenge
© 2010 JustSystems Inc.3
• maintain product data sheets using DITA,
XMetaL and SubVersion
• publish data sheets using the DITA Open
Toolkit (DITA OT)
• save money! save time! Yay! we're done!
Solution
© 2010 JustSystems Inc.4
But...
© 2010 JustSystems Inc.5
And…
© 2010 JustSystems Inc.6
• DITA map
• title page
• callouts
• company info
Marking up the document
© 2010 JustSystems Inc.7
• page layouts
• callout text
• company info
• 2-column layout, *most* of the time…
• font treatment
DITA Open Toolkit challenges
© 2010 JustSystems Inc.8
• PDF output has a specific customization
architecture
• catalog file
• XSL template overrides
• XSL attribute sets overrides
• Fonts, background images
• Locale files for multi-language support
DITA OT Anatomy
© 2010 JustSystems Inc.9
• title page
• inner pages
• last page
Configured via
layout-masters.xml
Page layouts
© 2010 JustSystems Inc.10
• XSL:FO does not support background images
on the page level
• use CSS sprites technique on page regions
• 1 background image per page-master
• Bonus: Marketing can tweak the design without
using XSL
NB: no gaps between page regions!
FO sprites are your friend
© 2010 JustSystems Inc.11
• Override main topic
template
• create fo:markers from
title, abstract
• Display markers in the
region-before (header)
Title, tagline, summary
© 2010 JustSystems Inc.12
• <lq>, <cite> elements
mark up the callout
• Override default
template to create an
fo:marker
• Display marker
contents in the region-
start
Callout text
© 2010 JustSystems Inc.13
• Default layout is 2-
column
• Tables need to be in a
1-column layout
• Makes use of XEP’s
@span extension
• To use @span, must
be a child of the flow
2-column to 1-column layout
© 2010 JustSystems Inc.14
• A topic in the DITA map
• Use of @outputclass
• Override default
processing to create an
fo:marker
• Display marker contents
in the start region
Company Info
© 2010 JustSystems Inc.15
• Goal: make use of standard Windows fonts
• xsl:fo attribute-sets are similar to CSS
• Make use of:
– font-family, font-style, font-variant
– font-size, font-weight,
– font-stretch, letter-spacing
Fonts
© 2010 JustSystems Inc.16
Let’s compare…
~~
© 2010 JustSystems Inc.17
• simple markup to start, specialize later
• use xsl:fo sprites; no slicing, users can update
design tweaks
• use page regions, fo:markers to address layout
challenges
• @span support in XEP allows (limited) column-
switching
Takeaways
© 2010 JustSystems Inc.18
• Marketing can self-publish in minutes vs. days
• Cost: 3 days XSL development + 1 day content
migration
• 100% ROI if updates are 4x more frequent than
design changes
Next steps:
• 6 of the SKUs in XMetaL, rest to come
• More re-use across SKUs
• A4 variant for EMEA
Summary