xmetal and dita in the marketing department: tastes great, less filling

19
© 2010 JustSystems Inc. 1 © 2010 JustSystems Inc. XMetaL and DITA in the Marketing Department tastes great, less filling

Upload: xmetal

Post on 21-May-2015

1.406 views

Category:

Technology


2 download

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

Page 1: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.1 © 2010 JustSystems Inc.

XMetaL and DITA in the Marketing Department

tastes great, less filling

Page 2: 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

Page 3: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 4: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.4

But...

Page 5: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.5

And…

Page 6: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.6

• DITA map

• title page

• callouts

• company info

Marking up the document

Page 7: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.7

• page layouts

• callout text

• company info

• 2-column layout, *most* of the time…

• font treatment

DITA Open Toolkit challenges

Page 8: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 9: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.9

• title page

• inner pages

• last page

Configured via

layout-masters.xml

Page layouts

Page 10: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 11: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.11

• Override main topic

template

• create fo:markers from

title, abstract

• Display markers in the

region-before (header)

Title, tagline, summary

Page 12: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 13: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 14: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 15: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 16: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.16

Let’s compare…

~~

Page 17: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 18: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 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

Page 19: XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

© 2010 JustSystems Inc.19

Questions?

[email protected]

Thank you