SlideShare a Scribd company logo
1 of 43
CGM & SVG Workshop
May 14th 2020
11am Eastern Time, USA
Presenters:
Don Larson, CEO
David Manock, VP Sales & Marketing
Welcome to the Webinar
We will begin shortly
www.cgmlarson.com www.svglarson.com
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
CGM & SVG Workshop
May 14th 2020
11am Eastern Time, USA
Presenters:
Don Larson, CEO
David Manock, VP Sales & Marketing
Welcome to the Webinar
We will begin shortly
www.cgmlarson.com www.svglarson.com
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Agenda
• Housekeeping
• Company Overview
• Slide Presentation and Demos
• Including Use Cases
• Summary
• Q & A
• Closing Information
CGM: Computer Graphics Metafile
an ISO (International Organization for
Standardization) standard for vector
and composite vector/raster picture
definition since 1987.
SVG: Scalable Vector Graphics
a modularized language for describing
two-dimensional vector and mixed
vector/raster graphics in XML.
Webinar: Housekeeping
• If you’ve experienced problems when joining the webinar,
please use the questions function to communicate
• All attendees will be muted for the duration of the Webinar
• Computer Audio is the recommended option
• Associated materials are available in the Handouts section,
drag and drop to download to your computer, at anytime
• Post your questions during the webinar using the panel
• Questions will be answered following the main presentation
or by email
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Larson Software Technology
• Based in Houston, Texas, USA – New Location
• Founded in 1984, graphic technology experts for 30 years
• We develop powerful, innovative graphics software and toolkits,
based on open standards
• Promoted CGM usage, by providing a free CGM & TIFF viewer,
replaced by a subscription version available online
• The Larson online store is now open, the address:
• www.cgmlarson.com/store
• Developer of the first HTML5 CGM viewer, no plug in!
• Member of the CGM Open Foundation
• Larson technology simplifies the graphics workflow for Technical
Publications Professionals, Engineers, Geologists, and Geophysicists
• www.cgmlarson.com www.svglarson.com
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
COVID–19 Update
• Larson Software is fully operational
• Larson is considered an essential services company
• The reason, we have government and defense industry
customers
• The Houston Office is open, with reduced staffing
• The majority of our employees are working from home
• Our customer support has been unaffected
• The online store is open 24/7:
• The CGM and TIFF Viewer, VizEx Reader available
• More products coming soon
• Stay safe
Introduction
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• Main webinar drivers:
• The conversion of CGM to SVG continues to grow
• What is TECH SVG?
• We have updated all our relevant software solutions to support TECH SVG
• CGM browser plug-ins, the current status, not dead yet!
• What are the pitfalls and benefits of using SVG?
• Present ‘Use Cases’
• Communicate our CGM and SVG expertise and product strategy
Historical – The formats
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• CGM – A 2D graphics format with a long history of publishing quality
graphics in different environments
• The WebCGM profile was developed to deliver Vector Graphics on the Web
• Visit CGM Open for more information www.cgmopen.org
• SVG - Objective to deliver high quality vector graphics for the Web
• The development of SVG was influenced by other submissions to the W3C (World Wide
Web Consortium)
• VML - Vector Markup Language (Microsoft)
• PGML - Precision Graphics Markup Language (Postscript)
• The final decision was to base SVG on XML
• More information on the origins:
• Secret Origin of SVG
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
CGM and SVG - Commonality
• 2D Open formats accredited by the W3C (Not Proprietary)
• Suitable for the creation and maintenance of technical illustrations
• The only open graphical file formats that can be hybrid
• Both formats can contain editable Vector and Raster Data
• They have the potential to be validated
• CGM already has a defined profile, WebCGM adopted by the ATA and S1000D
specifications
• SVG has the potential to be validated using a schema
• Metadata can be included in both file formats
• Provides the ability for interactive graphics
• SVG has the additional capability of animation and can be data driven
• Display of vector graphics in a web environment with out a plug-in technology
• The SVG support is native
• CGM display can be achieved using the Larson VizEx View HTML5 technology
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
CGM Background
• Computer Graphics Metafile (CGM)
• 2D Open Graphics format
• Not owned, non-proprietary
• Managed by the CGM Open Foundation
• www.cgmopen.org
• The CGM format first appeared in the 1980‘s
• The format was widely supported by many graphics-based applications
• W3C Standard
• WebCGM profile developed specifically for web delivery and adopted by
the S1000D Specification www.s1000d.org
• CGM required plug-in technology to view graphics in a web browser
• W3C - http://www.w3.org/Graphics/WebCGM/
Where is CGM used? – Industry Sector
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• Aerospace Space & Defense
• Automotive
• Oil & Gas
• Why these industries?
• CGM = open, non-proprietary, reliable data exchange
• The commonality – CGM Profiles = Validation
• More specifically industry profiles
• Aerospace & Defense = WebCGM
• Oil & Gas = PIP
• Automotive = WebCGM
• CGM is used for delivery, publishing and the display of graphics
• In the Oil & Gas sector CGM is predominantly used for data exchange and
display of geophysical information
• No requirement for web delivery or graphical hotspots
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
SVG Background
• Scalable Vector Graphic (SVG)
• XML encoded format
• W3C Standard
• http://www.w3.org/Graphics/SVG/
• Managed by SVG Working Group
• http://www.w3.org/Graphics/SVG/WG/wiki/Main_Page
• Native support in all popular web browsers
• No plug-in technology required (HTML5 Native)
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
SVG the Specification
• XML based
• SVG 1.1 – Full
• SVG 1.2 – Tiny
• A subset of the Full specification
• Designed for phones, tablets etc.
• Technical illustrations only require a small percentage of attributes
available in the SVG Specification
• Version 2.0 of SVG released
• There is no impact on our current support of SVG
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
SVG is XML encoded
• Benefits:
• Based on the international open standard
• Structured information based on a schema
• In theory could be validated against a tailored
industry schema
• Caveats:
• Not designed for data exchange, result could
be interoperability issues
• The off-the-shelf schema covers the whole
specification
• A new profile schema would be required to
validate against specific attributes/elements
Where is SVG used? – Industry Sector
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• Aerospace & Defense and Automotive
• Over the past few years, we’ve experienced a significant growth in the use of SVG
• Mainly for the display of vector graphics in a web environment
• GIS (Geographic Information System)
• Maps on the web
• But not Google maps!
• GIS Software Vendor
• https://www.esri.com
• Graphic Arts
• Graphics on the web, when vector data will provide benefit
• Data Visualization
• Data driven images, animation, dashboards etc. One benefit of XML
• https://bl.ocks.org/kerryrodden/7090426
• Data Driven Documents
• https://d3js.org/
Current Status Overview
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• Graphics Conversion and Display
• Introduction
• Convert CGM to SVG
• Displaying CGM and SVG graphics
• Strategy
• TECH SVG
• Considerations and Implementation
• Use Cases
• Technology
• Strategy
• Products
• Compliance
• Specifications and Standards
• Have they changed? Will they change?
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Graphics Conversion and Display
Overview
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Introduction – Conversion and Display
• The primary conversion scenario, CGM exported to SVG
• The main driver for the conversion, display SVG graphics in a web
environment without a plug-in
• CGM graphics display on the web was predicated on a plug-in
technology
• The ability to import SVG graphics is also important
• Primarily generated by Adobe Illustrator
• Our SVG data exchange experiences motivated the writing of
the TECH SVG profile
• The objective, standardize the elements we import and export from
our own software
• We published the TECH SVG profile, making it publicly available
• http://cgmlarson.com/pdf/TECH%20SVG%20Profile%20DRAFT%20V1.1.pdf
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Standardization and Technology
• Two-part strategy
• Standardization
• Develop guidelines for the import and export of SVG
• Publish guidelines with public access
• SVG Data Exchange Objective: Interoperability
• Technology
• Update our software to optimize SVG export and import
• Develop new and enhance existing product/s supporting SVG
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• What is TECH SVG?
• A subset of the Full and Tiny Specification’s
• How will TECH SVG help?
• Defining a standard method of exporting and importing
SVG elements
• Improve data exchange quality
• What else are we doing?
• Socializing our strategy and encouraging 3rd parties to
participate
• Specifically talking directly to the Aerospace and Defense
communities
• Work in Progress
• Developing our products to be TECH SVG compliant
• COMPLETE
TECH SVG
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Converting CGM to SVG
• Exporting the CGM file, we only use a
relatively small portion of the SVG
specification
• However, there is an intersection with Full
and Tiny profiles
• We are currently optimizing the export
based on real life customer files
• Conversion Challenges
• File Size
• Embedded Raster Images
• Hotspots
• Line styles
• Fonts
SVG - Full
SVG - Tiny
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Displaying CGM and SVG files
• The display of CGM and SVG graphics would usually take place in
a web browser
• Traditionally the CGM graphic would be viewed using a plug-in
technology
• The web browsers abandoned the support for many plug-in technologies
• This strategy prompted the conversion of CGM files to SVG
• SVG files do not require a plug-in to view graphics in a web browser
• The latest development, Microsoft Edge based on Chromium can
support plug-ins, caveat, still investigating
• Larson has developed a technology to allow CGM graphics to
displayed in a web browser without a plug-in, VizEx View HTML5
Demo Later
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Displaying SVG
• As discussed, and demonstrated in the introduction SVG
is native to the HTML5 format
• Therefore it is very straight forward to display the SVG
graphic
• The only downside is you will have to build a viewing
environment for the SVG, e.g. toolbar
• Breaking news - We now support SVG in our ActiveX
control technology
• The result, one environment for all the important file formats
• CGM, SVG, TIFF etc. side by side
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Displaying CGM – Plug-in
• The new Microsoft Edge is developed using the Chromium platform
Google’s technology
• The new version of Edge enables an Internet Explorer emulation
• This is not a default setting, it requires enabling
• Enable via the ‘flags’ function
• The integration should allow you to run plug-ins, including the
Larson ActiveX plug-in
• Additional research and testing required to confirm functionality
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
CGM and SVG Viewing Overview
CGM
Plug-in
CGM and SVG
No Plug-in
SVG Native
VizEx View
HTML5
ActiveXActiveX? IE Tab
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Conversion and Display
Considerations & Implementation
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Main Topics
• Conversion - Raster image support
• Display Hotspots – Interactivity
• Use Case 1 – Hotspots
• Use Case 2 – Display
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Raster Images - Conversion
• CGM and SVG both support the embedding of images
• CGM will usually have a Group IV Compression (TIFF) embedded
• This is standard practice for hybrid CGM files
• SVG does not support TIFF, therefore only JPEG and PNG can be used
• Conversion?
• A hybrid CGM is converted to SVG
• The TIFF image will require conversion to either JPEG or PNG
• A large conversion task, samples should be checked for quality
• The vector elements will not be affected
• A hybrid SVG is converted to CGM
• The conversion should be good, because CGM supports JPEG and PNG
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Hotspots - Display
• Hotspots – embedded attributes, providing user interaction
with the graphic
• This could be simple feedback, for example an information tooltip
• The interaction could also be more complex, a link to another
graphic or text in a table e.g. Parts List
• CGM has a clearly defined method of writing hotspot
metadata
• The details are documented in the WebCGM profile
• http://docs.oasis-open.org/webcgm/v2.1/os/WebCGM21-
IC.html#webcgm_interactivity
• SVG the same functionality is possible, however, there are
multiple methods of defining a hotspot
• So why is the hotspot definition important?
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Hotspots – Display
• The risk of not having a clearly defined hotspot
attribute is interoperability
• The definition of a hotspot can have ramifications
• The SVG hotspot data is not recognized, the result difficult
to edit
• Will the hotspot work correctly in the viewer environment
• The benefit of TECH SVG, the hotspot attribute is
clearly and consistently defined
• Therefore, the software can write the attribute consistently
• The result improved interoperability
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Use Case 1 – Hotspots
• Case – Converting a CGM containing hotspots to SVG, interactivity
missing!
• When using the CONVERT CGM to Vector conversion tool the graphic was
converted incorrectly
• The hotspots did not work in the SVG
• The reason, legacy software from Autotrol and Intercap generated CGM
hotspot information in a non-conforming method (embedded)
• We developed functionality to recognize the embedded regions in the graphic
• The technology will now recognize the hotspot and include in the SVG file
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Use Case 2 – Display
• Case – Displaying a CGM file in Chrome using the ActiveX control
• A customer who uses our ActiveX control asked if we knew of a
method of using with Chrome
• Chrome no longer supports plug-in technologies
• We did some research and discovered an extension that enables the
functionality
• Demo - IE Tab
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Technology
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Conversion and Editing support - CGM & SVG
• VizEx Edit, professional technical illustration
• Import and Export of SVG files
• Uses the TECH SVG profile for the export SVG files
• CGM, fully complying to international specifications, S1000D, ATA.
• Add hotspot’s manually or automatically
• Hotspots created in VizEx Edit preserved in the SVG
• View the interactive graphic in VizEx View HTML5
• http://www.cgmlarson.com/demos/jsViewer/table_cgm_example/index.html
• Or, view as SVG in a popular web browser
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Batch conversion support of CGM & SVG
• Larson develops two batch conversion products
• Enabling the conversion of graphic files to CGM and SVG
• VizEx Transform – Multiple formats
• Convert CGM to Vector – SVG, PDF and EPS
• VizEx Transform
• Supports import and export of files, including SVG
• Enables batch auto-hotspotting
• Supports the TECH SVG profile when exporting an SVG graphic
• CONVERT CGM to Vector
• Batch conversion
• Exports SVG using the TECH SVG profile
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Software Development Kits
• Larson has SDK’s enabling the integration our technology with your processes or your
solution
• Conversion
• CGM to Vector SDK – Windows or Linux
• Supports conversion from CGM to SVG, PDF and EPS
• Enables integration with production processes
• Display
• VizEx View ActiveX
• A viewer control, can be embedded in your IETM solution
• Supports CGM, TIFF, JPEG, PNG, BMP
• Now Supports SVG
• VizEx View C++
• Enables you develop your own viewer environment for integration MRO system
• Supports CGM, TIFF, JPEG, PNG, BMP
• Now Supports SVG
• VizEx View iOS
• Enables the CGM viewing integration on Apple devices
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Compliance
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
The Specifications
• W3C – www.w3c.org
• World Wide Web Consortium
• WebCGM & SVG
• S1000D – www.S1000D.org
• International Technical Documentation Specification
• Issue 5.0 of the specification just released
• There is no impact on the CGM requirements in Issue 5.0
• SVG is not identified as requirement in the S1000D specification
• ATA (Airlines for America) - http://airlines.org/
• iSpec2200 – Commercial Aircraft
• Both CGM and SVG are W3C recommendations
• Completed the accreditation process
• CGM specified for S1000D and iSpec2200 as their recommended 2D graphics formats
• Deliverable - CGM’s are usually delivered by the supplier or contractor along with XML/SGML
S1000D Illustrations
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
• Interactivity
• Interactive graphic guidelines
• CGM
• 2D graphics file format
• Connection
• Connect Graphic/s to Data Module
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
CGM – WebCGM profile
• The S1000D WebCGM profile is described as cascading
• WebCGM 2.1 is the full profile
• The S1000D profile is a subset of the WebCGM 2.1
• S1000D still requires the CGM format to be compliant
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Summary
• Larson continues to make significant progress in supporting all graphic
formats
• Our conversion of CGM to SVG is maturing, as our customer base continues to grow
• We employ a lessons learned strategy when supporting the CGM and SVG
formats
• Benefiting the market and our customers
• The industry standard specifications are still focused on CGM as the
primary illustration deliverable
• CGM Plug-ins continue to be used, as more solutions appear e.g. Edge
• We will be pleased to work with companies or organizations interested in
implementing CGM and SVG based solutions and deliverables
Q&A
www.cgmlarson.com
Copyright Larson Software Technology (c) 2018
www.cgmlarson.com
Copyright Larson Software Technology (c) 2020
Closing Information
• You can discover more information about Larson Software Technology at www.cgmlarson.com
• Our new domain name is now active www.svglarson.com
• A link to a recording of the webinar will be sent via email
• All the materials will be available:
• www.slideshare.net/donlarson1
• Follow us on youtube, Linkedin and Twitter
• https://www.youtube.com/channel/UCp-oMoh-_mobVGpP459yMVA
• https://www.linkedin.com/company/larson-software-technology
• www.twitter.com/cgmlarson
• Next webinar June 4th
• Compliant S1000D illustrations
• Register: https://attendee.gotowebinar.com/register/7484679521544275724
• Contact us via email:
• david.manock@cgmlarson.com or don.larson@cgmlarson.com
• Thank you for attending

More Related Content

Similar to CGM and SVG 2020 Workshop Webinar

Manufacturing Day - Case Study - MacLean Engineering
Manufacturing Day - Case Study - MacLean EngineeringManufacturing Day - Case Study - MacLean Engineering
Manufacturing Day - Case Study - MacLean EngineeringLarson Software Technology
 
Talking Technical illustration - Episode 1 - 3D data
Talking Technical illustration - Episode 1 - 3D dataTalking Technical illustration - Episode 1 - 3D data
Talking Technical illustration - Episode 1 - 3D dataLarson Software Technology
 
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)Vizualsite LLC
 
Deployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical GraphicsDeployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical GraphicsLarson Software Technology
 
VizEx View HTML5 Workshop
VizEx View HTML5 WorkshopVizEx View HTML5 Workshop
VizEx View HTML5 WorkshopDavid Manock
 
Optimize S1000D & ATA Technical Illustration production
Optimize S1000D & ATA Technical Illustration productionOptimize S1000D & ATA Technical Illustration production
Optimize S1000D & ATA Technical Illustration productionVizualsite LLC
 
S1000D Compliant Technical Illustrations
S1000D Compliant Technical IllustrationsS1000D Compliant Technical Illustrations
S1000D Compliant Technical IllustrationsVizualsite LLC
 

Similar to CGM and SVG 2020 Workshop Webinar (20)

2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop
 
Manufacturing Day - Case Study - MacLean Engineering
Manufacturing Day - Case Study - MacLean EngineeringManufacturing Day - Case Study - MacLean Engineering
Manufacturing Day - Case Study - MacLean Engineering
 
Talking Technical illustration - Episode 1 - 3D data
Talking Technical illustration - Episode 1 - 3D dataTalking Technical illustration - Episode 1 - 3D data
Talking Technical illustration - Episode 1 - 3D data
 
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)
CGM (Computer Graphics Metafile) v SVG (Scalable Vector Graphic)
 
CGM versus SVG
CGM versus SVGCGM versus SVG
CGM versus SVG
 
Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019
 
Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020
 
Deployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical GraphicsDeployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical Graphics
 
VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017
 
VizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration WorkshopVizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration Workshop
 
VizEx Edit 11.0 New features
VizEx Edit 11.0 New featuresVizEx Edit 11.0 New features
VizEx Edit 11.0 New features
 
Technical illustration - The Future Webinar
Technical illustration - The Future WebinarTechnical illustration - The Future Webinar
Technical illustration - The Future Webinar
 
VizEx View HTML5 Workshop
VizEx View HTML5 WorkshopVizEx View HTML5 Workshop
VizEx View HTML5 Workshop
 
VizEx View HTML5 Workshop
VizEx View HTML5 WorkshopVizEx View HTML5 Workshop
VizEx View HTML5 Workshop
 
VizEx Edit - The Native CGM Editor - 2017
VizEx Edit - The Native CGM Editor - 2017VizEx Edit - The Native CGM Editor - 2017
VizEx Edit - The Native CGM Editor - 2017
 
Optimize S1000D & ATA Technical Illustration production
Optimize S1000D & ATA Technical Illustration productionOptimize S1000D & ATA Technical Illustration production
Optimize S1000D & ATA Technical Illustration production
 
Webinar - Transforming Graphical Data
Webinar - Transforming Graphical DataWebinar - Transforming Graphical Data
Webinar - Transforming Graphical Data
 
S1000D Compliant Illustrations 2018 - Part 2
S1000D Compliant Illustrations 2018 - Part 2S1000D Compliant Illustrations 2018 - Part 2
S1000D Compliant Illustrations 2018 - Part 2
 
Compliant S1000D llustrations
Compliant S1000D llustrationsCompliant S1000D llustrations
Compliant S1000D llustrations
 
S1000D Compliant Technical Illustrations
S1000D Compliant Technical IllustrationsS1000D Compliant Technical Illustrations
S1000D Compliant Technical Illustrations
 

More from Larson Software Technology (9)

Compliant S1000D illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1Compliant S1000D illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1
 
VizEx Edit Datasheet
VizEx Edit DatasheetVizEx Edit Datasheet
VizEx Edit Datasheet
 
VizEx View HTML5
VizEx View HTML5VizEx View HTML5
VizEx View HTML5
 
VizEx Transform Datasheet
VizEx Transform DatasheetVizEx Transform Datasheet
VizEx Transform Datasheet
 
Compliant S1000D Illustrations NEW
Compliant S1000D Illustrations NEWCompliant S1000D Illustrations NEW
Compliant S1000D Illustrations NEW
 
S1000D Illustrations whitepaper V2.0 2016
S1000D Illustrations whitepaper V2.0 2016S1000D Illustrations whitepaper V2.0 2016
S1000D Illustrations whitepaper V2.0 2016
 
CGM Studio Datasheet
CGM Studio DatasheetCGM Studio Datasheet
CGM Studio Datasheet
 
Converting & Transforming Technical Graphics
Converting & Transforming Technical GraphicsConverting & Transforming Technical Graphics
Converting & Transforming Technical Graphics
 
McLean Engineering Case Study
McLean Engineering Case StudyMcLean Engineering Case Study
McLean Engineering Case Study
 

Recently uploaded

Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxbodapatigopi8531
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationkaushalgiri8080
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfkalichargn70th171
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providermohitmore19
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdfWave PLM
 
Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)Intelisync
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software DevelopersVinodh Ram
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...harshavardhanraghave
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfkalichargn70th171
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number SystemsJheuzeDellosa
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...ICS
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptkotipi9215
 
Unit 1.1 Excite Part 1, class 9, cbse...
Unit 1.1 Excite Part 1, class 9, cbse...Unit 1.1 Excite Part 1, class 9, cbse...
Unit 1.1 Excite Part 1, class 9, cbse...aditisharan08
 

Recently uploaded (20)

Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptx
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanation
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software Developers
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number Systems
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.ppt
 
Unit 1.1 Excite Part 1, class 9, cbse...
Unit 1.1 Excite Part 1, class 9, cbse...Unit 1.1 Excite Part 1, class 9, cbse...
Unit 1.1 Excite Part 1, class 9, cbse...
 

CGM and SVG 2020 Workshop Webinar

  • 1. CGM & SVG Workshop May 14th 2020 11am Eastern Time, USA Presenters: Don Larson, CEO David Manock, VP Sales & Marketing Welcome to the Webinar We will begin shortly www.cgmlarson.com www.svglarson.com www.cgmlarson.com Copyright Larson Software Technology (c) 2020
  • 2. CGM & SVG Workshop May 14th 2020 11am Eastern Time, USA Presenters: Don Larson, CEO David Manock, VP Sales & Marketing Welcome to the Webinar We will begin shortly www.cgmlarson.com www.svglarson.com www.cgmlarson.com Copyright Larson Software Technology (c) 2020
  • 3. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Agenda • Housekeeping • Company Overview • Slide Presentation and Demos • Including Use Cases • Summary • Q & A • Closing Information CGM: Computer Graphics Metafile an ISO (International Organization for Standardization) standard for vector and composite vector/raster picture definition since 1987. SVG: Scalable Vector Graphics a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML.
  • 4. Webinar: Housekeeping • If you’ve experienced problems when joining the webinar, please use the questions function to communicate • All attendees will be muted for the duration of the Webinar • Computer Audio is the recommended option • Associated materials are available in the Handouts section, drag and drop to download to your computer, at anytime • Post your questions during the webinar using the panel • Questions will be answered following the main presentation or by email www.cgmlarson.com Copyright Larson Software Technology (c) 2020
  • 5. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Larson Software Technology • Based in Houston, Texas, USA – New Location • Founded in 1984, graphic technology experts for 30 years • We develop powerful, innovative graphics software and toolkits, based on open standards • Promoted CGM usage, by providing a free CGM & TIFF viewer, replaced by a subscription version available online • The Larson online store is now open, the address: • www.cgmlarson.com/store • Developer of the first HTML5 CGM viewer, no plug in! • Member of the CGM Open Foundation • Larson technology simplifies the graphics workflow for Technical Publications Professionals, Engineers, Geologists, and Geophysicists • www.cgmlarson.com www.svglarson.com
  • 6. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 COVID–19 Update • Larson Software is fully operational • Larson is considered an essential services company • The reason, we have government and defense industry customers • The Houston Office is open, with reduced staffing • The majority of our employees are working from home • Our customer support has been unaffected • The online store is open 24/7: • The CGM and TIFF Viewer, VizEx Reader available • More products coming soon • Stay safe
  • 7. Introduction www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • Main webinar drivers: • The conversion of CGM to SVG continues to grow • What is TECH SVG? • We have updated all our relevant software solutions to support TECH SVG • CGM browser plug-ins, the current status, not dead yet! • What are the pitfalls and benefits of using SVG? • Present ‘Use Cases’ • Communicate our CGM and SVG expertise and product strategy
  • 8. Historical – The formats www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • CGM – A 2D graphics format with a long history of publishing quality graphics in different environments • The WebCGM profile was developed to deliver Vector Graphics on the Web • Visit CGM Open for more information www.cgmopen.org • SVG - Objective to deliver high quality vector graphics for the Web • The development of SVG was influenced by other submissions to the W3C (World Wide Web Consortium) • VML - Vector Markup Language (Microsoft) • PGML - Precision Graphics Markup Language (Postscript) • The final decision was to base SVG on XML • More information on the origins: • Secret Origin of SVG
  • 9. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 CGM and SVG - Commonality • 2D Open formats accredited by the W3C (Not Proprietary) • Suitable for the creation and maintenance of technical illustrations • The only open graphical file formats that can be hybrid • Both formats can contain editable Vector and Raster Data • They have the potential to be validated • CGM already has a defined profile, WebCGM adopted by the ATA and S1000D specifications • SVG has the potential to be validated using a schema • Metadata can be included in both file formats • Provides the ability for interactive graphics • SVG has the additional capability of animation and can be data driven • Display of vector graphics in a web environment with out a plug-in technology • The SVG support is native • CGM display can be achieved using the Larson VizEx View HTML5 technology
  • 10. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 CGM Background • Computer Graphics Metafile (CGM) • 2D Open Graphics format • Not owned, non-proprietary • Managed by the CGM Open Foundation • www.cgmopen.org • The CGM format first appeared in the 1980‘s • The format was widely supported by many graphics-based applications • W3C Standard • WebCGM profile developed specifically for web delivery and adopted by the S1000D Specification www.s1000d.org • CGM required plug-in technology to view graphics in a web browser • W3C - http://www.w3.org/Graphics/WebCGM/
  • 11. Where is CGM used? – Industry Sector www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • Aerospace Space & Defense • Automotive • Oil & Gas • Why these industries? • CGM = open, non-proprietary, reliable data exchange • The commonality – CGM Profiles = Validation • More specifically industry profiles • Aerospace & Defense = WebCGM • Oil & Gas = PIP • Automotive = WebCGM • CGM is used for delivery, publishing and the display of graphics • In the Oil & Gas sector CGM is predominantly used for data exchange and display of geophysical information • No requirement for web delivery or graphical hotspots
  • 12. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 SVG Background • Scalable Vector Graphic (SVG) • XML encoded format • W3C Standard • http://www.w3.org/Graphics/SVG/ • Managed by SVG Working Group • http://www.w3.org/Graphics/SVG/WG/wiki/Main_Page • Native support in all popular web browsers • No plug-in technology required (HTML5 Native)
  • 13. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 SVG the Specification • XML based • SVG 1.1 – Full • SVG 1.2 – Tiny • A subset of the Full specification • Designed for phones, tablets etc. • Technical illustrations only require a small percentage of attributes available in the SVG Specification • Version 2.0 of SVG released • There is no impact on our current support of SVG
  • 14. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 SVG is XML encoded • Benefits: • Based on the international open standard • Structured information based on a schema • In theory could be validated against a tailored industry schema • Caveats: • Not designed for data exchange, result could be interoperability issues • The off-the-shelf schema covers the whole specification • A new profile schema would be required to validate against specific attributes/elements
  • 15. Where is SVG used? – Industry Sector www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • Aerospace & Defense and Automotive • Over the past few years, we’ve experienced a significant growth in the use of SVG • Mainly for the display of vector graphics in a web environment • GIS (Geographic Information System) • Maps on the web • But not Google maps! • GIS Software Vendor • https://www.esri.com • Graphic Arts • Graphics on the web, when vector data will provide benefit • Data Visualization • Data driven images, animation, dashboards etc. One benefit of XML • https://bl.ocks.org/kerryrodden/7090426 • Data Driven Documents • https://d3js.org/
  • 16. Current Status Overview www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • Graphics Conversion and Display • Introduction • Convert CGM to SVG • Displaying CGM and SVG graphics • Strategy • TECH SVG • Considerations and Implementation • Use Cases • Technology • Strategy • Products • Compliance • Specifications and Standards • Have they changed? Will they change?
  • 17. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Graphics Conversion and Display Overview
  • 18. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Introduction – Conversion and Display • The primary conversion scenario, CGM exported to SVG • The main driver for the conversion, display SVG graphics in a web environment without a plug-in • CGM graphics display on the web was predicated on a plug-in technology • The ability to import SVG graphics is also important • Primarily generated by Adobe Illustrator • Our SVG data exchange experiences motivated the writing of the TECH SVG profile • The objective, standardize the elements we import and export from our own software • We published the TECH SVG profile, making it publicly available • http://cgmlarson.com/pdf/TECH%20SVG%20Profile%20DRAFT%20V1.1.pdf
  • 19. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Standardization and Technology • Two-part strategy • Standardization • Develop guidelines for the import and export of SVG • Publish guidelines with public access • SVG Data Exchange Objective: Interoperability • Technology • Update our software to optimize SVG export and import • Develop new and enhance existing product/s supporting SVG
  • 20. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • What is TECH SVG? • A subset of the Full and Tiny Specification’s • How will TECH SVG help? • Defining a standard method of exporting and importing SVG elements • Improve data exchange quality • What else are we doing? • Socializing our strategy and encouraging 3rd parties to participate • Specifically talking directly to the Aerospace and Defense communities • Work in Progress • Developing our products to be TECH SVG compliant • COMPLETE TECH SVG
  • 21. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Converting CGM to SVG • Exporting the CGM file, we only use a relatively small portion of the SVG specification • However, there is an intersection with Full and Tiny profiles • We are currently optimizing the export based on real life customer files • Conversion Challenges • File Size • Embedded Raster Images • Hotspots • Line styles • Fonts SVG - Full SVG - Tiny
  • 22. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Displaying CGM and SVG files • The display of CGM and SVG graphics would usually take place in a web browser • Traditionally the CGM graphic would be viewed using a plug-in technology • The web browsers abandoned the support for many plug-in technologies • This strategy prompted the conversion of CGM files to SVG • SVG files do not require a plug-in to view graphics in a web browser • The latest development, Microsoft Edge based on Chromium can support plug-ins, caveat, still investigating • Larson has developed a technology to allow CGM graphics to displayed in a web browser without a plug-in, VizEx View HTML5 Demo Later
  • 23. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Displaying SVG • As discussed, and demonstrated in the introduction SVG is native to the HTML5 format • Therefore it is very straight forward to display the SVG graphic • The only downside is you will have to build a viewing environment for the SVG, e.g. toolbar • Breaking news - We now support SVG in our ActiveX control technology • The result, one environment for all the important file formats • CGM, SVG, TIFF etc. side by side
  • 24. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Displaying CGM – Plug-in • The new Microsoft Edge is developed using the Chromium platform Google’s technology • The new version of Edge enables an Internet Explorer emulation • This is not a default setting, it requires enabling • Enable via the ‘flags’ function • The integration should allow you to run plug-ins, including the Larson ActiveX plug-in • Additional research and testing required to confirm functionality
  • 25. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 CGM and SVG Viewing Overview CGM Plug-in CGM and SVG No Plug-in SVG Native VizEx View HTML5 ActiveXActiveX? IE Tab
  • 26. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Conversion and Display Considerations & Implementation
  • 27. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Main Topics • Conversion - Raster image support • Display Hotspots – Interactivity • Use Case 1 – Hotspots • Use Case 2 – Display
  • 28. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Raster Images - Conversion • CGM and SVG both support the embedding of images • CGM will usually have a Group IV Compression (TIFF) embedded • This is standard practice for hybrid CGM files • SVG does not support TIFF, therefore only JPEG and PNG can be used • Conversion? • A hybrid CGM is converted to SVG • The TIFF image will require conversion to either JPEG or PNG • A large conversion task, samples should be checked for quality • The vector elements will not be affected • A hybrid SVG is converted to CGM • The conversion should be good, because CGM supports JPEG and PNG
  • 29. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Hotspots - Display • Hotspots – embedded attributes, providing user interaction with the graphic • This could be simple feedback, for example an information tooltip • The interaction could also be more complex, a link to another graphic or text in a table e.g. Parts List • CGM has a clearly defined method of writing hotspot metadata • The details are documented in the WebCGM profile • http://docs.oasis-open.org/webcgm/v2.1/os/WebCGM21- IC.html#webcgm_interactivity • SVG the same functionality is possible, however, there are multiple methods of defining a hotspot • So why is the hotspot definition important?
  • 30. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Hotspots – Display • The risk of not having a clearly defined hotspot attribute is interoperability • The definition of a hotspot can have ramifications • The SVG hotspot data is not recognized, the result difficult to edit • Will the hotspot work correctly in the viewer environment • The benefit of TECH SVG, the hotspot attribute is clearly and consistently defined • Therefore, the software can write the attribute consistently • The result improved interoperability
  • 31. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Use Case 1 – Hotspots • Case – Converting a CGM containing hotspots to SVG, interactivity missing! • When using the CONVERT CGM to Vector conversion tool the graphic was converted incorrectly • The hotspots did not work in the SVG • The reason, legacy software from Autotrol and Intercap generated CGM hotspot information in a non-conforming method (embedded) • We developed functionality to recognize the embedded regions in the graphic • The technology will now recognize the hotspot and include in the SVG file
  • 32. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Use Case 2 – Display • Case – Displaying a CGM file in Chrome using the ActiveX control • A customer who uses our ActiveX control asked if we knew of a method of using with Chrome • Chrome no longer supports plug-in technologies • We did some research and discovered an extension that enables the functionality • Demo - IE Tab
  • 33. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Technology
  • 34. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Conversion and Editing support - CGM & SVG • VizEx Edit, professional technical illustration • Import and Export of SVG files • Uses the TECH SVG profile for the export SVG files • CGM, fully complying to international specifications, S1000D, ATA. • Add hotspot’s manually or automatically • Hotspots created in VizEx Edit preserved in the SVG • View the interactive graphic in VizEx View HTML5 • http://www.cgmlarson.com/demos/jsViewer/table_cgm_example/index.html • Or, view as SVG in a popular web browser
  • 35. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Batch conversion support of CGM & SVG • Larson develops two batch conversion products • Enabling the conversion of graphic files to CGM and SVG • VizEx Transform – Multiple formats • Convert CGM to Vector – SVG, PDF and EPS • VizEx Transform • Supports import and export of files, including SVG • Enables batch auto-hotspotting • Supports the TECH SVG profile when exporting an SVG graphic • CONVERT CGM to Vector • Batch conversion • Exports SVG using the TECH SVG profile
  • 36. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Software Development Kits • Larson has SDK’s enabling the integration our technology with your processes or your solution • Conversion • CGM to Vector SDK – Windows or Linux • Supports conversion from CGM to SVG, PDF and EPS • Enables integration with production processes • Display • VizEx View ActiveX • A viewer control, can be embedded in your IETM solution • Supports CGM, TIFF, JPEG, PNG, BMP • Now Supports SVG • VizEx View C++ • Enables you develop your own viewer environment for integration MRO system • Supports CGM, TIFF, JPEG, PNG, BMP • Now Supports SVG • VizEx View iOS • Enables the CGM viewing integration on Apple devices
  • 37. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Compliance
  • 38. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 The Specifications • W3C – www.w3c.org • World Wide Web Consortium • WebCGM & SVG • S1000D – www.S1000D.org • International Technical Documentation Specification • Issue 5.0 of the specification just released • There is no impact on the CGM requirements in Issue 5.0 • SVG is not identified as requirement in the S1000D specification • ATA (Airlines for America) - http://airlines.org/ • iSpec2200 – Commercial Aircraft • Both CGM and SVG are W3C recommendations • Completed the accreditation process • CGM specified for S1000D and iSpec2200 as their recommended 2D graphics formats • Deliverable - CGM’s are usually delivered by the supplier or contractor along with XML/SGML
  • 39. S1000D Illustrations www.cgmlarson.com Copyright Larson Software Technology (c) 2020 • Interactivity • Interactive graphic guidelines • CGM • 2D graphics file format • Connection • Connect Graphic/s to Data Module
  • 40. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 CGM – WebCGM profile • The S1000D WebCGM profile is described as cascading • WebCGM 2.1 is the full profile • The S1000D profile is a subset of the WebCGM 2.1 • S1000D still requires the CGM format to be compliant
  • 41. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Summary • Larson continues to make significant progress in supporting all graphic formats • Our conversion of CGM to SVG is maturing, as our customer base continues to grow • We employ a lessons learned strategy when supporting the CGM and SVG formats • Benefiting the market and our customers • The industry standard specifications are still focused on CGM as the primary illustration deliverable • CGM Plug-ins continue to be used, as more solutions appear e.g. Edge • We will be pleased to work with companies or organizations interested in implementing CGM and SVG based solutions and deliverables
  • 43. www.cgmlarson.com Copyright Larson Software Technology (c) 2020 Closing Information • You can discover more information about Larson Software Technology at www.cgmlarson.com • Our new domain name is now active www.svglarson.com • A link to a recording of the webinar will be sent via email • All the materials will be available: • www.slideshare.net/donlarson1 • Follow us on youtube, Linkedin and Twitter • https://www.youtube.com/channel/UCp-oMoh-_mobVGpP459yMVA • https://www.linkedin.com/company/larson-software-technology • www.twitter.com/cgmlarson • Next webinar June 4th • Compliant S1000D illustrations • Register: https://attendee.gotowebinar.com/register/7484679521544275724 • Contact us via email: • david.manock@cgmlarson.com or don.larson@cgmlarson.com • Thank you for attending