Deployment and Mobilization of Technical Graphics

Presenters Don Larson – CEO

Larson Software Technology

David Manock – PresidentVizualsite LLC

Informational WebinarThe Deployment and Mobilization of Technical Graphics

May 25th 2016

Webinar: Housekeeping

• All attendees will be muted for the duration of the Webinar

• If you experience problems when joining the webinar please

use the questions function to communicate

• VOIP is the recommended audio option

• Questions during the webinar can be posted

• Questions will be answered at the end of webinar

or by a follow up email

• We have one Poll during the session, very easy to participate

www.cgmlarson.comCopyright Larson Software Technology (c) 2016

http://www.cgmlarson.com/

Agenda


• Company Profile

• Poll

• Background

• Main Presentation & Technology Demonstrations

• Q&A

• Closing remarks



Larson Software Technology

• Based in Houston, Texas

• Founded in 1984, Experts on CGM and graphics technologies for 30 years

• Develops & markets graphics software tools , based on open standards

• Promoting CGM Usage, VizEx Reader a free CGM and TIFF viewer

• Member of the CGM Open Foundation

• Larson products used in Technical Publishing by Aerospace, Defense and Heavy Manufacturing.

• Products to create, maintain and deploy technical graphics



POLL

• The Poll is anonymous, no personal details are recorded

• What technical graphic file formats do you deploy as part of an IETM or similar customer deliverable?• You can choose multiple answers

CGM (Computer Graphics Metafile)

SVG (Scalable Vector Graphic)

PDF

SWF (Flash)

Other

Engage



Background

• The requirement to deploy and mobilize technical publications electronically is a reality

• What has changed in recent years to propel this strategy?1. Expectations

2. Benefits

3. Data

4. Devices

5. Technology (Software)

• Technical Graphics play an significant role in a technical manual• The delivery of graphics present specific challenges



1. Expectations

• The expectations of the consumers of technical publications is changing

• How have they changed?• A new generation of information consumers

• The acceptance information can be delivered on a digital display

• Familiarity with hardware devices and software interfaces



2. Benefits

• What are the benefits of an electronic delivery?

• Production• Reduced revision time• Cost effective ‘deliverable’ lower production costs• Easier to manage - configuration control• Improved delivery times

• Consumer• Easy logistical information distribution• Security – Dependency on infrastructure• Interactivity = better user experience• Integration with other mission critical systems

• Maintenance Management

• Rich multimedia options = Animation, Video, 3D etc.



3. Data

• The quality of data is key - dependency• Delivering an enhanced user experience

• Interactivity

• Speed

• Accessibility

• Current

• Optimized production process

• Structured

• Validated

• Consistent



4. Devices - Mobilization

• The number of available devices to deliver information is unrelenting?• Tablets• Phones• Hybrid laptops (Touchscreens)• Desktops (Touchscreens)• Commonality

• They all contain web browser technology

• The major requirement for many usersis interaction• Without it the devices would be redundant• However, interactivity is not always

dependent on the device• The data and software have to be

capable of delivering the experience



5. Technology (Software)

• The capability of the technology to produce and deploy the information is a significant requirement

• In technical publications the technology falls into different categories:• Production Software

• XML Editing, Data Management, CAD, Illustration, etc.

• Integration Solutions

• Software Development Kits (API’s)

• Deployment Software

• The mechanism to deliver the information e.g.Browser/Viewer/App



Focus on Technical Graphics



Production

• Different factors should be considered when producing technical graphics• Production Software

• Compliance

• Interoperability

• Quality

• Functionality

• This webinar focuses on deployment but the origination of the graphics is also a consideration

• The generation of the correct file format is crucial



Data Types & File Formats

• Data type:• 2D

• Raster• Vector• Hybrid (Raster and Vector)

• 3D• Animation (2D & 3D)

• File Formats• How many do we need!• Principal open formats• Raster – JPEG, TIFF, PNG, etc.• Vector – PDF, CGM, SVG, AI etc.• 3D – PRC, U3D, 3DXML, X3D (VMRL)• Animation – SWF, SVG, 3D PDF

KNOWLEDGE:The word Raster originates from the term 'raster scan,' which was how old CRT monitors displayed images, by magnetically steering a concentrated electron beam line by line to form an image.

KNOWLEDGE:Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics.



Production Software

• Best practice, implement software designed for the task• Adapting software not designed for the task can prove to be a false economy

• Mass Market graphics software does not always have the required features

• Specialist software, the cost is usually higher but the Return on Investment is faster

• Software can be categorized by capability:• 2D

• 3D

• Animation

• Compliance



Production Software (2)

• 2D• Cortona2d Editor Pro• Larson VizEx Edit

• 2D, 3D options• PTC Arbortext IsoDraw• CorelDraw Technical Suite X6

• 3D – 2D Export• CATIA Composer• Cortona3D RapidAuthor• CREO Illustrate• QuadriSpace Publisher3D


../../../../../../../../Desktop/CGM Files/Xploded View.cgm


Deployment

• How do we deploy technical graphics electronically?

• The hardware is a primary consideration• The majority of hardware devices are very capable

• They usually have a web browser or specific Apps on mobile devices

• The complications• The browser might not natively support the required file formats

• Plug-ins not supported on mobile devices

• Technical Graphics can require a secondary software

• Good example CGM, a plug-in is usually required to view the graphic

• Consider the file format you’re using, is there an alternative?



Mechanisms for Deployment

• Raster• Embedded in the HTML code (JPEG, PNG)

• Vector (2D)• CGM - Plug-in or new Larson HTML5 technology• SVG – HTML5 Native

• 3D files• A viewer plug-in is usually required dependent on the format• The WebGL technology provides a HTML5 solution, no plug-in

• Animation (2D and 3D)• Traditionally viewer plug-in required

• The HTML5 technology is changing the plug-in paradigm?



Microsoft Edge

• Many IETM’s use Internet Explorer as their foundation technology

• Edge is the new version of the browser bundled with Windows 10

• Edge no longer support’s ActiveX controls (Plug-ins)

• The result plug-ins such as Arbortext IsoView will no longer be supported• The short term decision is not to update

• The mid and long term strategy seek an alternative technology

• Casualty - Flash?



Mobilization of Technical Graphics

• Biggest challenge - how do we display Technical Graphics on mobile devices

• Both iOS and Android present thesame challenge, viewing the graphicand maintain functionality

• If you want to view the graphic in isolation apps are available on iOS• Larson iVizEx View (CGM)

• SVG Viewer I

• PDF Reader


https://itunes.apple.com/us/app/ivizex/id590763150?mt=8&ls=1


Mobilization of Technical Graphics (2)

• If the requirement is to display the whole technical manual, text and graphics, another solution is necessary on mobile devices

• The majority of tablets and smart phones have a web browser pre-installed

• The browser should support HTML5

• The HTML5 technology offers new and exciting opportunities to deliver graphics on mobile devices, no plug-ins!

• In fact HTML5 applies to all hardware platforms running a web browser

• Caveat: The device might need to be in a connected state



HTML5 – Game Changer

• HyperText Markup Language (HTML)

• Core technology of the Internet used for structuring and presenting content on the World Wide Web

• Not owned, non-proprietary

• HTML5 adds many new syntactic features including:• <video>, <audio> and <canvas> elements• Additionally the integration of the SVG graphics format

• The new features are primarily designed to enable multimedia delivery without using plug-ins

• Device-independent design to work on broad array of devices PCs, smartphones and tablets

• Introduces several application programming interfaces (APIs) for complex web applications



HTML5 – In Detail - Video

• How is HTML5 helping to eliminate plug-ins?

• Its not just graphics, it is also audio and video where a plug-in is no longer required

• How is this possible? • Specific tags have been introduced• <video> being one of the them

• <video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">Your browser does not support the video tag.

</video>

• http://www.w3schools.com/tags/tag_video.asp

• The Flash plug-in is no longer be required to deliver video


http://www.w3schools.com/tags/tag_video.asp


HTML5 – In Detail - Canvas

• The HTML5 <canvas> tag is used to draw graphics • On the fly, via scripting, usually JavaScript

• The <canvas> element has no drawing abilities of its own (it is only a container for graphics) • A script is used to draw the graphics• <canvas id="myCanvas" width="200" height="100" style="border:1px

solid #000000;"></canvas>

• http://www.w3schools.com/html/tryit.asp?filename=tryhtm

l5_canvas_first

• http://paperjs.org/

• https://www.drawerjs.com/


http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_canvas_first

http://paperjs.org/

https://www.drawerjs.com/


HTML5 – In Detail - SVG

• Scalable Vector Graphic

• <svg> defines vector-based graphics in an XML format

• SVG graphics do NOT lose any quality if they are zoomed or resized• http://www.w3schools.com/svg/tryit.asp?filename=trysvg_

ellipse

• All elements and attributes in SVG files can be animated• http://www.w3schools.com/svg/tryit.asp?filename=trysvg_

ellipses


http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse

http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipses


WebGL – 2D & 3D

• JavaScript API for rendering interactive 2D and 3D graphics

• Designed and maintained by the non-profit Khronos Group

• Completely integrated into all the web standards of the browser permitting GPU acceleration.

• No plug-in required in a compatible web browser

• Utilizes the <canvas> tag and JavaScript

• WebGL is widely supported in modern browsers



WebGL – Demo

• WebGL enables the display of 2D & 3D graphics without a plug-in• http://carvisualizer.plus360degrees.com/threejs/

• http://www.webgl-publisher.com/MechanicalDesignModels.html

• Larson has utilized WebGL technology• Developed CGM viewing technology that does not require a plug-in

• VizEx View HTML5 Demo

• http://cgmlarson.com/VizEx_View_HTML5_Tests.html


http://carvisualizer.plus360degrees.com/threejs/

http://www.webgl-publisher.com/MechanicalDesignModels.html

http://cgmlarson.com/VizEx_View_HTML5_Tests.html


3D PDF

• PDF is everywhere but not everyone is aware it supports 3D data

• Completely open, documented as part of the PDF ISO standards family

• Compact, secure and easy to share

• You can find more information http://www.3dpdfconsortium.org/

• 3D PDF Sample

• http://www.tetra4d.com/• 3D PDF Creation Software

• http://www.techsoft3d.com/• 3D PDF Development Kits

• iPad App• https://itunes.apple.com/us/app/3d-pdf-reader/id569307672?mt=8


http://www.3dpdfconsortium.org/

../../../../../../../../Desktop/Make-Buy-BOM-to-EBOM-Alignment-Example.pdf

http://www.tetra4d.com/

http://www.techsoft3d.com/

https://itunes.apple.com/us/app/3d-pdf-reader/id569307672?mt=8


• We established the mechanisms, hardware and software used to deploy and mobilize your technical graphics are many and varied

• The plug-in technology paradigm is changing, old technology will need to be preserved to maintain current solutions

• HTML5 has opened the door to exciting opportunities to display technical graphics

• The ‘Producer’ of the information has new options available to create and display technical graphics

• The ‘Consumer’ of the information will see major benefits• Intuitive user interaction• Fast 2D and 3D graphics rendering• No requirement to download software

Summary


Q&A




• Join the VizEx View HTML5 program

• Candidate Criteria:• Have a real-life application for technology implementation

• Possess the expertise to implement• Designate Evaluation Contact person

• Provide product feedback

• Support from product developer: Larson Software Technology

• Email: [email protected]

Join the Evaluation Program


mailto:[email protected]


Closing Information

Thank you for attending

• Supporting Information• Slide Pack

• www.slideshare.com/donlarson1

• Upcoming Larson Events• Product Webinar - June 29th

• CGM Studio™

• Target Industry - Oil and Gas

Follow Us


http://www.slideshare.com/donlarson1

https://www.linkedin.com/company/larson-software-technology

https://www.linkedin.com/company/larson-software-technology

http://www.twitter.com/cgmlarson

http://www.twitter.com/cgmlarson

http://www.slideshare.net/donlarson1

http://www.slideshare.net/donlarson1

https://www.youtube.com/channel/UCp-oMoh-_mobVGpP459yMVA

https://www.youtube.com/channel/UCp-oMoh-_mobVGpP459yMVA

https://plus.google.com/+Cgmlarsoncom/about?cfem=1

https://plus.google.com/+Cgmlarsoncom/about?cfem=1

