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 12FrameMaker = one of the best XML Authoring solutions todayCreate and maintain XML using FrameMaker XML Author 12Element Definiton Doc based on tekReader DTDtekReader DTD contains mixture of XHTML/HTML5 content modelscontains tech doc constructscontrols tekReader functionality (e.g. SVG functionality in wire diagram)allows for push button publish to tekReader

08:30

tekPublishdeveloped for desktops and web version forthcomingpublish and maintain ToCs, LoFs, LoTs, x-refs and doc componentscontrol various pubs optionsconfigure to publish docs to desired IP addressesRoundtrip XML back into FrameMaker

10:30

tekReader = flagship productopen web standards, non proprietary web based eReaderResponsive and adaptive design[backward compatible, can view on your desktop browsers]Smart content layerScalable, flexible, secure and high perf delivery model in the cloud[rackspace]supports data rich industrial-strength documentationcreates 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 AppsList advantages of HTML5 vs mobile/tablet appsHTML5 = really good for ENTERPRISE APPLICATIONS, mobile apps good for individualsHTML5 can control corp assets much more easilyHTML5 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 datacan sign in with google or salesforce

23:00

tekReader DEMO; view Road Rules for New South SalesThe 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 topicLooks and behaves like an ePub readercan 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 illustrationsCan create animations via CSS3 as well

30:10

Resize page to iPhone sizeno pagination in compact screen size … scroll down with fingersTOC 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 MathJAXCan enlarge view of equationsuse MathML for equation authoring

33:20

Pale gray PAGE NUMBERS can appear embedded in dynamic HTML5 flowusers 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 BRANDINGTabs for tables, figures, abbreviations

36:20

Rockwell has tab for ordering parts within the MANUALplace an order directly in the manual …

37:11

FIGURES: handling large wiring diagramsinvented 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 donecan 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 guidered 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 editsPeople 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 BROCHUREcan get “design heavy” brochure into tekReaderexample of CSS3 animation

53:00

Review of FrameMaker XML Application for tekAuthorhow XML structure was addedread/write rules file

55:00

View of XML source file in structured FrameMaker

57:00

Example of crate a footnote in FrameMakerdrop 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 FrameMakeruse a ‘class’ to indicate an equationalmost 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 documentOpen 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