Publishing XML from FrameMaker 12 to a “state-of-the-art” HTML5 eReader

Publishing XML from FrameMaker 12 to a “state-of-the-art” HTML5 eReader

In a recent webinar, a key Adobe partner, eGloo Technologies, presented a very dynamic look at a powerful new FrameMaker solution. Don Stolee demonstrated how tekAuthor and tekReader, connected with Structured FrameMaker, can give you a radically new dynamic way to share HTML5 in a “Reader” format that is closer to a traditional page view. Footnotes can contain equations, and there is even a floating window to scroll through large SVG wire diagrams.

You may view the recorded session by clicking on the title below:

Get the recording here:
Publishing XML from FrameMaker 12 to a “state-of-the-art” HTML5 eReader

Minute Markers to key points in the recording:

03:00

Don Stolee intro

04:45

XML content, JXON to change behaviour of pages, MathJAX, SVG and HTML5 being used with product

05:30

The Platform

  • tekAuthor
  • tekPublish = publishes to 3rd product
  • tekReader

06:00

tekAuthor developed using Adobe FrameMaker 12

FrameMaker = one of the best XML Authoring solutions today

Create and maintain XML using FrameMaker XML Author 12

Element Definiton Doc based on tekReader DTD

tekReader DTD contains mixture of XHTML/HTML5 content models

contains tech doc constructs

controls tekReader functionality (e.g. SVG functionality in wire diagram)

allows for push button publish to tekReader

08:30

tekPublish

developed for desktops and web version forthcoming

publish and maintain ToCs, LoFs, LoTs, x-refs and doc components

control various pubs options

configure to publish docs to desired IP addresses

Roundtrip XML back into FrameMaker

10:30

tekReader = flagship product

open web standards, non proprietary web based eReader

Responsive and adaptive design

[backward compatible, can view on your desktop browsers]

Smart content layer

Scalable, flexible, secure and high perf delivery model in the cloud

[rackspace]

supports data rich industrial-strength documentation

creates transparency, promotes knowledge sharing, reduces distrution issues, decreased delivery costs, improves time to market

13:00

ABILITY TO TRACK AND REPORT USER METRICS

14:00

How it Works: view of tekAuthor working with tekPublish, publish to tekReader

14:50

HTML5 and Native Apps

List advantages of HTML5 vs mobile/tablet apps

HTML5 = really good for ENTERPRISE APPLICATIONS, mobile apps good for individuals

HTML5 can control corp assets much more easily

HTML5 is a good professional environment

19:00

Roadmap for further product improvements

21:30

LIVE DEMO

22:20

DEMO: view of customized customer site for published data

can sign in with google or salesforce

23:00

tekReader DEMO; view Road Rules for New South Sales

The tabs in the side menu are XML files that tekReader will populate appropriately

24:00

View of the NOTES area

24:20

Expanding the Table of Contents to view expanded topic

Looks and behaves like an ePub reader

can use keyboard shortcuts for navigation

25:40

Inserting bookmarks and book lists

26:00

going from single page to double page; it’s the users’ choice

26:30

offline storage mode

26:40

can clean the cache of your reader

26:50

Settings “control Font Size”

27:15

Optional PRINT button: PRINT will take you to the associated PDF file

28:10

Dictionaries (glossaries) associated with publication, contains x-refs

29:20

Can include audio/video animations for illustrations

Can create animations via CSS3 as well

30:10

Resize page to iPhone size

no pagination in compact screen size … scroll down with fingers

TOC has highlight to show you which section you are currently in

31:00

Various easy navigation icons in iPhone mode

31:30

viewing publication in iPad or Tablet size

32:00

viewing document in “laptop” screen size

32:20

Example of Academic publication with lots of MATH EQUATIONS use MathJAX

Can enlarge view of equations

use MathML for equation authoring

33:20

Pale gray PAGE NUMBERS can appear embedded in dynamic HTML5 flow

users can cite page numbers (e.g. legal) while viewing without PDF

34:30

Handling footnotes: can view in pop-up window “in place”

Math equations can appear within footnotes

35:20

Corporate publication with corporate BRANDING

Tabs for tables, figures, abbreviations

36:20

Rockwell has tab for ordering parts within the MANUAL

place an order directly in the manual …

37:11

FIGURES: handling large wiring diagrams

invented an SVG viewer … window pops up that allows you to move focal view point over large diagram

39:00

Sample iPad documentation for UK company that cleans interiors of airlines … has dynamic “check list” to mark actions done

can submit to central repository

40:00

Sample PILOT GUIDE for airlines

41:45

Crisp RASTER IMAGES will zoom or scale

42:15

Example of REVISIONS to rules guide

red revision bar: click on it and see the author, date, etc.

44:30

Example of legal library

45:20

Show example of administrative privileges to make edits

People can SUBSCRIBE to online Legal Library rather than hefty, massive books

47:00

“catch words” in legal library are dynamically created via XML

48:45

adding notes to publication

49:20

Search for terms will do pattern matching and sort under categories

50:15

Dynamic updates to note edits appear when user rolls over text

51:00

MARKETING BROCHURE

can get “design heavy” brochure into tekReader

example of CSS3 animation

53:00

Review of FrameMaker XML Application for tekAuthor

how XML structure was added

read/write rules file

55:00

View of XML source file in structured FrameMaker

57:00

Example of crate a footnote in FrameMaker

drop downs in Attributes to get proper reference

58:45

inserting a URL to webpage

59:20

Adding a “definition” to a term

60:00

Adding further section and an equation in FrameMaker

use a ‘class’ to indicate an equation

almost every ELEMENT in tekReader has a “class” attribute

61:00

using MathML for structured equation editing

62:00

Adding a table with enhancements …

64:00

Validating XML document

Open up tekPublish tool to indicate levels of TOC, Figures, Tables, etc.

65:00

Transformation Process … prompted to view it in browser

66:00

View finished pub in HTML5

Maxwell Hoffmann

I am the Adobe Global Product Evangelist for Tech Comm Suite. I am passionate about powerful, single-source publishing that can deliver content anytime, anywhere, any way.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.