Download - XMetaL and DITA in the Marketing Department: Tastes Great, Less Filling

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