SuiteHelp 4.0 is a solution for delivering HTML-based content across devices. It provides content structure, management, collaboration and distribution capabilities. The document reviews SuiteHelp's high-level architecture, native HTML5 generation capabilities, and new features including responsive design, search improvements, and video support. Upcoming releases will focus on customer feedback and improved chunking support.

1. SuiteHelp 4.0
Joe Gelb
Renah Scarowsky
October 7, 2015

2. Main Topics
• Who are we?
• Vision behind SuiteHelp
• High-Level Architecture
• Native Mode for HTML5 Generation
• Review of new features and updates
• Roadmap for upcoming releases

3. What do we do ?
Help organizations deliver quick access to relevant information,
improving customer experience while reducing cost of creating and
maintaining content
How do we do it ?
We provide solutions and services that enable content structure,
management, collaboration and distribution to the viewer’s platform and
language of choice
Who do we serve ?
Multinational corporations and public organizations, mostly from hi-
tech, manufacturing, defense, pharma, telecom and finance
Suite Solutions
Leader In Intelligent Content Delivery

4. Our Approach: The Knowledge Value Chain –
Organization Maturity Model
• 10 tracks leading to increase in
business value
• Useful: shows your position
versus the industry and creates
an actionable roadmap
• Incremental: no need to do it
all at once
• Modular: pick and choose the
tracks most valuable for you
• Proven: based on actual
experience with our customers
We Help Our Customers Go Up The Value Chain And Increase Business Value !

5. Delivering Consistent Content Across All
Customer Touchpoints

6. Vision behind SuiteHelp
Industry-strength solution for HTML-based content delivery
• High-quality, cross-device web help
• Reliable, quick, secure
• Maintains high level of cross-platform, cross-browser, cross-device support
via the Bootstrap platform
• Supports super-high ability for customization and branding
• Supports modern standards while respecting legacy requirements
• Supports wide range of deployment options

7. High-Level Architecture
Shakespearean
Templates:
• Hamlet for HTML
• Lucius for CSS
Process Flow using Native HTML5 Generation
Process Flow using DITA Toolkit HTML Generation

8. Native Mode for HTML Generation
• Does not require ANT, XSL, Xpath….
• Tag mapping using classmap.yaml
• Control numbering, linking and other behaviors using html-conf.xml
• Lightening quick: generates 10,000 topics in 5-10 minutes
• Does not require the DITA Open Toolkit
• Produces HTML5-compliant output

9. Review of Key Features and
Updates
• Responsive out-of-the-box skin using the Bootstrap framework [DEMO]
• Optimization for better performance
• Javascript and CSS optimizations
• Context sensitivity
• Landing page: template provided for easier customization
• Advanced search
• Improved Morphological “fuzzy” search options
• Better highlighting of search results
• Improved treatment of wildcards, white spaces, periods, underscores
• More UI options: display search string, number of topics found, etc.
• Provided using SuiteHelpServer, client or server, Linux / Windows / Mac
• Improved video support
• Easy to pass parameters from DITA into HTML tagging

10. Video coding example:
DITA Markup:
<object type=”Ooyala video”
data=”hjYXFkbDqBN6ncal9lbzsbVbqKz6KDYf” width="640"
height="360"/>
HTML Output:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" height=360""
id="ooyalaPlayer_3118862_1396368066" width="640"><param name="movie"
value="http://player.ooyala.com/player.swf?embedCode=hjYXFkbDqBN6ncal9lbzsbVbqKz6KDYf&amp;ver
sion=2"><param name="bgcolor" value="#000000"><param name="allowScriptAccess"
value="always"><param name="allowFullScreen" value="true"><param name="flashvars"
value="embedType=directObjectTag&amp;embedCode=hjYXFkbDqBN6ncal9lbzsbVbqKz6KDYf&amp;videoPcod
e=5nc2U6qKXZq9PbE57MANJWXPj_QQ"><embed align="middle" allowfullscreen="true"
allowscriptaccess="always" bgcolor="#000000"
flashvars="embedCode=hjYXFkbDqBN6ncal9lbzsbVbqKz6KDYf&amp;videoPcode=5nc2U6qKXZq9PbE57MANJWXP
j_QQ" height="360" loop="false" name="ooyalaPlayer_3118862_1396368066" play="false"
pluginspage="http://www.adobe.com/go/getflashplayer"
src="http://player.ooyala.com/player.swf?embedCode=hjYXFkbDqBN6ncal9lbzsbVbqKz6KDYf&amp;versi
on=2" type="application/x-shockwave-flash" width="640"></object>

11. Review of Key Features and
Updates
• Google Analytics: out of the box
• Can replace script and site IDs via Hamlet template
• Asynchronous loading for large documents
• Thumbnail images
• Support for multiple indexes
• Example: build list of API commands, UI controls, Keys, etc.
• Allows you to use xpath to automatically compile lists
• Display of draft comments
• Uses classmap conditionalization based on parameters or map metadata

12. Review of Key Features and
Updates
• Branding: Support for multiple branding skins
• OEM, different business units
• Differentiate between documentation / training
• Audience filtering
• Display of flagging based on conditional attributes
• Localization
• Right-to-left support for Arabic and Hebrew
• Out-of-the-box vars files tailored for the SuiteHelp UI
• Integrations with oXygen, XMetaL, SDL LiveContent, IXIASOFT, Astoria,
Bluestream, easyDITA, more

13. Upcoming Point Release
• Customer Feedback [Demo]
• Upgraded chunking support

14. Sample Technical Use Cases
• Customizing the home page (index.hamlet)
• Customizing the UI (body-bootstrap.hamlet)
• changing layout
• hiding elements
• adding scripts such as usage metrics
• Using classmap for mapping between DITA and HTML elements
• Suitehelp conf file
• CSS variables, table numbering, landing page

15. Let us know how we can help you
For additional information, contact:
Joe Gelb
solutions@suite-sol.com
Check out:
http://kb.suite-sol.com
Join our LinkedIn group!