SlideShare a Scribd company logo
Presenter
Don Larson – CEO
Moderator
Dave Manock
Technology Workshop
VizEx View HTML5
February 23rd-25th 2016
Workshop - VizEx View – CGM HTML5
• The muting and unmuting of delegates will be supervised by the
the organizers
• Live questions will be taken in Q&A
• Please click the ‘Raise Hand’ button
• You can also Post questions during webinar using Questions panel
• If you experience problems when joining the webinar please
use the questions function to communicate
• VOIP is the recommended audio option
• Handouts can be downloaded during the presentation
• Audio Q&A sessions will be available during the presentation
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
Agenda
• Technology Introduction
• VizEx View HTML5 Demonstration
• Q&A
• Implementation of the Product
• Supporting Documentation (SDK)
• Resources
• Evaluation Program
• Final Q&A session and Closing remarks
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
Background (1) - Overview
Computer Graphics Metafile
ISO (International Organization for Standardization) standard for
vector and composite vector/raster picture definition since 1987.
HyperText Markup Language
The cornerstone of the W3C's open web platform; a framework
designed to foster innovation and develop the full potential the
web has to offer.
Web Graphics Library
A JavaScript API for rendering interactive 3D computer graphics and 2D
graphics within any compatible web browser without the use of plug-ins.
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016

Recommended for you

WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성 WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성

This document discusses the possibilities of WebGL and how it can be used for 3D graphics rendering on the web. It explains that WebGL allows for GPU-accelerated rendering directly in the browser by using APIs to control graphics processing units. It provides examples of using WebGL to initialize a WebGL context, create and compile shaders, and render 3D graphics by passing vertex and color data to shaders. The document recommends learning resources and frameworks for WebGL and suggests areas where WebGL could be applied, such as games, data visualization, and user interfaces.

한국 웹 20주년webgl
Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06

Many websites use real user measurement (RUM) data to analyze their performance, as well as to validate the impact of optimizations. During this session, we’ll discuss how RUM is used and then explore some of the fascinating insights into the web that we can learn from it. Video: https://youtu.be/VOyEU9o1wL4

akamairumreal user measurment
Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5

Stephen Chin and Kevin Nilson presented on integrating JavaFX and HTML5. They discussed the history of HTML and HTML5 features like offline storage and WebGL. They demonstrated displaying HTML in JavaFX using WebView and responding to browser events. They also showed examples in different JVM languages like GroovyFX and ScalaFX. A Pro JavaFX 2 book was announced to cover the new controls and integration examples.

javafxgroovyfxhtml5
Background (2) – HTML5
• 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
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
Background (3) – WebGL
• JavaScript API for rendering interactive 3D and 2D 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
• WebGL is widely supported in modern browsers.
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
• ActiveX weaknesses
• Has to be installed on the target computer
• Strongly criticized for security problems
• ActiveX Browser Support
• Microsoft Edge browser - Support dropped
• Good indication the technology will phased out
• Chrome and Firefox still support ActiveX
• Future strategy unknown
• A solution without the reliance on a plug-in will be beneficial
New Technology ActiveX alternative?
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
VizEx View HTML5
Live Demo
www.cgmlarson.com
Copyright Larson Software Technology (c) 2015

Recommended for you

A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...

The document discusses a starter kit for building a Silverlight user group website. It provides an out-of-the-box, fully functional website template that demonstrates Silverlight 4 features like printing, video/webcam support, authentication, and RIA services. The starter kit uses MVVM architecture and can serve as a codebase for any Silverlight 4 application. It allows users to play, learn, and contribute to extend the community.

phoenix silverlight user grouprockstar developer teamdavid silverlight
Debugging Serverless for Cloud
Debugging Serverless for CloudDebugging Serverless for Cloud
Debugging Serverless for Cloud

SpringOne Platform 2017 Xiaokai He, Microsoft; Chris Anderson, Microsoft Are you struggling with diagnosing your serverless functions? In this live coding session, we will quickly develop and deploy a serverless application to cloud, and then show you how we can go inside the black box and debugging functions locally and remotely.

springone platformspringone platform 2017
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018

The document discusses key metrics for measuring web performance and identifies common traits of high performing websites. It analyzes data from sources like HTTP Archive, Google BigQuery, and Akamai mPulse to show correlations between page load times and various performance factors. Some best practices recommended are reducing page weight by optimizing images, compressing text assets, limiting third parties and custom web fonts, and ensuring resources in the critical rendering path are optimized.

httparchivechrome user experience reportmpulse
How it works
Code server
(VizExView.js and
License file)
Hosted for evaluations
on cgmlarson.com
Desktop clients
(Windows, Linux, Macs)
Tablets
(Android, iOS, Windows)
Document server
(html, cgms, images)
• VizEx View HTML5 Evaluation page
• Getting started document
• API Document
• Live Examples
Getting Started
Migrating ActiveX to HTML5
ActiveX HTML code: <HTML>
<HEAD>
</HEAD>
<BODY>
<OBJECT TYPE=“image/cgm “ ID="cgm" WIDTH=“100%" HEIGHT=“800" >
<PARAM NAME="SRC" value="ALLELM01.cgm">
</OBJECT>
</BODY>
</HTML>
HTML5 code : <!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="cgm" width="100%" height=“800px"></canvs>
<script>
var Module = { canvas: document.getElementById('cgm') , src: ="ALLELM01.cgm"};
</script>
<script src="http://www.cgmlarson.com/demos/jsViewer/VizExView.js"></script>
</body>
</html>
* No changes to CGM is required
Customizing the Toolbar
<div class="toolbar" id="toolbar">
<img id="openfile" src="images/Open.png" alt="HTML5"
onclick="document.getElementById('fileInput').click()“ title="Open a CGM file from your local machine." />
<img id="opennetfile" src="images/Net_open.png" alt="HTML5"
onclick="Module.promptURLFile()“ title="Open a CGM file from the server" />
<img id="scale2fit" src="images/Scale_to_fit.png" alt="HTML5"
onclick="getWebCGMDocument().setMapping(0)“ title="Scale to fit." />
<img id="scale2width" src="images/Scale_to_width.png" alt="HTML5"
onclick="getWebCGMDocument().setMapping(1)“ title="Scale to width." />
<img id="scale2-100" src="images/Scale_to_100.png" alt="HTML5"
onclick="getWebCGMDocument().setMapping(3)“ title="Scale to actual size." />
<img id="zoommode" src="images/Zoom_mode.png" alt="HTML5"
onclick="getWebCGMDocument().setZoomPanMode(0)“ title="Zoom to selected rectangle." />
<img id="zoomin" src="images/Zoom_in.png" alt="HTML5"
onclick="getWebCGMDocument().setZoomPanMode(2)“ title="Zoom in." />
<img id="zoomout" src="images/Zoom_out.png" alt="HTML5"
onclick="getWebCGMDocument().setZoomPanMode(3)" title="Zoom out." />
<img id="panmode" src="images/Pan_mode.png" alt="HTML5"
onclick="getWebCGMDocument().setZoomPanMode(1)“ title="Pan zoomed image." />
<img id="toggleHots" src="images/Show_hotspots.png" alt="HTML5"
onclick="toggleHighlightsFunc()“ title="Toggle highlight on and off." />
<img id="about" src="images/About-trans.png" alt="HTML5"
onclick="Module.about()“ title="Information about VizEx View HTML5." />
</div>

Recommended for you

JHipster for Spring Boot webinar
JHipster for Spring Boot webinarJHipster for Spring Boot webinar
JHipster for Spring Boot webinar

This document summarizes a presentation about the JHipster application generator. It introduces JHipster as a generator for Spring Boot and AngularJS applications. The presentation covers what JHipster generates including the Spring Boot backend, AngularJS frontend, and suite of tools. It then demonstrates generating and deploying a sample banking application with CRUD entities and business logic in under 40 minutes.

springangularjsjhipster
VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017

VizEx View HTML5 is the first CGM viewer on the market that does not require a plug-in technology. There are many benefits associated with the technology from an IT and end-user perspective. We will provide an overview of the benefits during the event.

cgm viewertechnical illustrationstechnical graphics
2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop

VizEx View HTML5 technology enables the display of CGM graphics in a web browser, without the requirement for a plug-in. Our popular event returns with an introduction to the technology, and the latest news on how we’re improving the technology. The event will be suitable for individuals and organizations who are new to the technology, and current customers. The developers will be on hand to answer technical questions, and explain how the technology is improving under the hood. We hope you can join us for this informative event.

s1000dhtml5cgmgraphics
Q&A
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
• The benefits of the new technology are significant:
• Full CGM support
• Fast and quality rendering
• No Plug-in required
• No software installation required
• Easily accessible
• Configurable toolbar offering full control over the graphic display
• S1000D and ATA iSpec 2200 compliant
The Benefits
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
• Join the program
• High Level - Candidate Criteria:
• Have a real-life application for technology implementation
• Possess the expertise to implement
• Designate Evaluation Contact person
• Provide product feedback
• Access to product developer
Join the Evaluation Program
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016
• The new Larson technology will change the way CGM files are
displayed on the web and IETP’s
• ActiveX plug-in issues will be eliminated
• IT departments will be your friend
• Apply for the program and become part of the
Evolution of CGM Viewing
Q&A and Final remarks
www.cgmlarson.com
Copyright Larson Software Technology (c) 2016

Recommended for you

Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb

This document provides an introduction to HTML5. It describes HTML5 as a draft specification from the W3C that is over 1100 pages and is not yet complete, as it continues to evolve. It adds new elements like canvas, video, audio, and inline SVG, and changes or removes some older elements and attributes. The document outlines the status and roadmap for the HTML5 specification. It also provides examples and demonstrations of new HTML5 features like video, audio, canvas, and geolocation.

Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb

This document provides an introduction to HTML5. It describes HTML5 as a draft specification from the W3C that is over 1100 pages and is not yet complete, as it continues to evolve. It adds new elements like canvas, video, audio, and inline SVG, and changes or removes some older elements and attributes. The document outlines the status and roadmap for the HTML5 specification. It also provides examples and demonstrations of new HTML5 features like video, audio, canvas, and geolocation.

Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview

This document provides an overview of HTML5, including its history, timeline, new features, and compatibility with browsers. Some key points: - HTML5 development is led by the WHATWG and W3C to standardize web applications. It simplifies HTML and introduces new semantic elements like <article>, <aside>, <header>. - New features include multimedia with <audio> and <video> tags, 3D graphics with Canvas, and offline/storage APIs. Forms are enhanced with new input types. - CSS3 adds animation, transitions and transforms. Performance improves with Web Workers and XMLHttpRequest Level 2. - Browser support for HTML5 features is tracked on http://caniuse

html5
Closing Information
Thank you for attending
• Supporting Information
• VizEx View - HTML5 Product Datasheet
• CGM Infographic
• www.slideshare.com/donlarson1
• Upcoming Larson Events
• Webinar March 30th 11am Eastern
• Previewing VizEdit Version 11.00
• New Drawing and CAD Import functions
• Registration opening soon Follow Us
www.cgmlarson.com
Copyright Larson Software Technology (c) 2015

More Related Content

What's hot

Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
Yunho Maeng
 
Moving To The Client - JavaFX and HTML5
Moving To The Client - JavaFX and HTML5Moving To The Client - JavaFX and HTML5
Moving To The Client - JavaFX and HTML5
Stephen Chin
 
A High-Performance Solution to Microservice UI Composition @ XConf Hamburg
A High-Performance Solution to Microservice UI Composition @ XConf HamburgA High-Performance Solution to Microservice UI Composition @ XConf Hamburg
A High-Performance Solution to Microservice UI Composition @ XConf Hamburg
Dr. Arif Wider
 
WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성 WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성
Jun Ho Lee
 
Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06
Paul Calvano
 
Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
DataLeader.io
 
Debugging Serverless for Cloud
Debugging Serverless for CloudDebugging Serverless for Cloud
Debugging Serverless for Cloud
VMware Tanzu
 
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Paul Calvano
 
JHipster for Spring Boot webinar
JHipster for Spring Boot webinarJHipster for Spring Boot webinar
JHipster for Spring Boot webinar
Julien Dubois
 

What's hot (10)

Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
Call For Code: 시각인식을 활용한 피해상황 파악하기 by 맹개발
 
Moving To The Client - JavaFX and HTML5
Moving To The Client - JavaFX and HTML5Moving To The Client - JavaFX and HTML5
Moving To The Client - JavaFX and HTML5
 
A High-Performance Solution to Microservice UI Composition @ XConf Hamburg
A High-Performance Solution to Microservice UI Composition @ XConf HamburgA High-Performance Solution to Microservice UI Composition @ XConf Hamburg
A High-Performance Solution to Microservice UI Composition @ XConf Hamburg
 
WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성 WebGL의 무궁무진한 가능성
WebGL의 무궁무진한 가능성
 
Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06
 
Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5Moving to the Client - JavaFX and HTML5
Moving to the Client - JavaFX and HTML5
 
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
 
Debugging Serverless for Cloud
Debugging Serverless for CloudDebugging Serverless for Cloud
Debugging Serverless for Cloud
 
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
 
JHipster for Spring Boot webinar
JHipster for Spring Boot webinarJHipster for Spring Boot webinar
JHipster for Spring Boot webinar
 

Similar to VizEx View HTML5 Workshop

VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017
Larson Software Technology
 
2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop
Larson Software Technology
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
Panagiotis Grigoropoulos
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
Daniel Arndt Alves
 
Ie9 dev overview (300) beta
Ie9 dev overview (300) betaIe9 dev overview (300) beta
Ie9 dev overview (300) beta
Kirk Yamamoto
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
George Kanellopoulos
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Sadaaki HIRAI
 
Html5 more than just html5 v final
Html5  more than just html5 v finalHtml5  more than just html5 v final
Html5 more than just html5 v final
Lohith Goudagere Nagaraj
 
[refreshaustin] Adaptive Images in Responsive Web Design
[refreshaustin] Adaptive Images in Responsive Web Design[refreshaustin] Adaptive Images in Responsive Web Design
[refreshaustin] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
Ivano Malavolta
 
SUGCON: The Agile Nirvana of DevSecOps and Containerization
SUGCON: The Agile Nirvana of DevSecOps and ContainerizationSUGCON: The Agile Nirvana of DevSecOps and Containerization
SUGCON: The Agile Nirvana of DevSecOps and Containerization
Vasiliy Fomichev
 
[html5tx] Adaptive Images in Responsive Web Design
[html5tx] Adaptive Images in Responsive Web Design[html5tx] Adaptive Images in Responsive Web Design
[html5tx] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
[cssdevconf] Adaptive Images in RWD
[cssdevconf] Adaptive Images in RWD[cssdevconf] Adaptive Images in RWD
[cssdevconf] Adaptive Images in RWD
Christopher Schmitt
 
[rwdsummit2012] Adaptive Images in Responsive Web Design
[rwdsummit2012] Adaptive Images in Responsive Web Design[rwdsummit2012] Adaptive Images in Responsive Web Design
[rwdsummit2012] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
HTML5 - A Whirlwind tour
HTML5 - A Whirlwind tourHTML5 - A Whirlwind tour
HTML5 - A Whirlwind tour
Lohith Goudagere Nagaraj
 
CGM and SVG 2020 Workshop Webinar
CGM and SVG 2020 Workshop WebinarCGM and SVG 2020 Workshop Webinar
CGM and SVG 2020 Workshop Webinar
Larson Software Technology
 
[D2 campus seminar]웹브라우저 엔진
[D2 campus seminar]웹브라우저 엔진[D2 campus seminar]웹브라우저 엔진
[D2 campus seminar]웹브라우저 엔진
NAVER D2
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Robert 'Bob' Reyes
 

Similar to VizEx View HTML5 Workshop (20)

VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017VizEx View HTML5 workshop 2017
VizEx View HTML5 workshop 2017
 
2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop2019 VizEx View HTML5 Workshop
2019 VizEx View HTML5 Workshop
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
Ie9 dev overview (300) beta
Ie9 dev overview (300) betaIe9 dev overview (300) beta
Ie9 dev overview (300) beta
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 
Html5 more than just html5 v final
Html5  more than just html5 v finalHtml5  more than just html5 v final
Html5 more than just html5 v final
 
[refreshaustin] Adaptive Images in Responsive Web Design
[refreshaustin] Adaptive Images in Responsive Web Design[refreshaustin] Adaptive Images in Responsive Web Design
[refreshaustin] Adaptive Images in Responsive Web Design
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
 
SUGCON: The Agile Nirvana of DevSecOps and Containerization
SUGCON: The Agile Nirvana of DevSecOps and ContainerizationSUGCON: The Agile Nirvana of DevSecOps and Containerization
SUGCON: The Agile Nirvana of DevSecOps and Containerization
 
[html5tx] Adaptive Images in Responsive Web Design
[html5tx] Adaptive Images in Responsive Web Design[html5tx] Adaptive Images in Responsive Web Design
[html5tx] Adaptive Images in Responsive Web Design
 
[cssdevconf] Adaptive Images in RWD
[cssdevconf] Adaptive Images in RWD[cssdevconf] Adaptive Images in RWD
[cssdevconf] Adaptive Images in RWD
 
[rwdsummit2012] Adaptive Images in Responsive Web Design
[rwdsummit2012] Adaptive Images in Responsive Web Design[rwdsummit2012] Adaptive Images in Responsive Web Design
[rwdsummit2012] Adaptive Images in Responsive Web Design
 
HTML5 - A Whirlwind tour
HTML5 - A Whirlwind tourHTML5 - A Whirlwind tour
HTML5 - A Whirlwind tour
 
CGM and SVG 2020 Workshop Webinar
CGM and SVG 2020 Workshop WebinarCGM and SVG 2020 Workshop Webinar
CGM and SVG 2020 Workshop Webinar
 
[D2 campus seminar]웹브라우저 엔진
[D2 campus seminar]웹브라우저 엔진[D2 campus seminar]웹브라우저 엔진
[D2 campus seminar]웹브라우저 엔진
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
 

More from Larson Software Technology

Talking Technical Illustration - Episode 2 - S1000D Illustrations
Talking Technical Illustration - Episode 2 - S1000D IllustrationsTalking Technical Illustration - Episode 2 - S1000D Illustrations
Talking Technical Illustration - Episode 2 - S1000D Illustrations
Larson 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 data
Larson Software Technology
 
Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020
Larson Software Technology
 
Technical illustration - The Future Webinar
Technical illustration - The Future WebinarTechnical illustration - The Future Webinar
Technical illustration - The Future Webinar
Larson Software Technology
 
CGM and SVG Workshop 2019
CGM and SVG Workshop 2019CGM and SVG Workshop 2019
CGM and SVG Workshop 2019
Larson Software Technology
 
Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019
Larson Software Technology
 
VizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration WorkshopVizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration Workshop
Larson Software Technology
 
S1000D Compliant Illustrations 2018 - Part 2
S1000D Compliant Illustrations 2018 - Part 2S1000D Compliant Illustrations 2018 - Part 2
S1000D Compliant Illustrations 2018 - Part 2
Larson Software Technology
 
Compliant S1000D illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1Compliant S1000D illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1
Larson Software Technology
 
Larson CGM and SVG Webinar
Larson CGM and SVG WebinarLarson CGM and SVG Webinar
Larson CGM and SVG Webinar
Larson Software Technology
 
VizEx Edit Datasheet
VizEx Edit DatasheetVizEx Edit Datasheet
VizEx Edit Datasheet
Larson Software Technology
 
VizEx View HTML5
VizEx View HTML5VizEx View HTML5
VizEx View HTML5
Larson Software Technology
 
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
Larson Software Technology
 
VizEx Transform Datasheet
VizEx Transform DatasheetVizEx Transform Datasheet
VizEx Transform Datasheet
Larson Software Technology
 
Webinar - Transforming Graphical Data
Webinar - Transforming Graphical DataWebinar - Transforming Graphical Data
Webinar - Transforming Graphical Data
Larson Software Technology
 
Compliant S1000D Illustrations NEW
Compliant S1000D Illustrations NEWCompliant S1000D Illustrations NEW
Compliant S1000D Illustrations NEW
Larson Software Technology
 
S1000D Illustrations whitepaper V2.0 2016
S1000D Illustrations whitepaper V2.0 2016S1000D Illustrations whitepaper V2.0 2016
S1000D Illustrations whitepaper V2.0 2016
Larson Software Technology
 
CGM Studio Datasheet
CGM Studio DatasheetCGM Studio Datasheet
CGM Studio Datasheet
Larson Software Technology
 
Deployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical GraphicsDeployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical Graphics
Larson Software Technology
 
VizEx Edit 11.0 New features
VizEx Edit 11.0 New featuresVizEx Edit 11.0 New features
VizEx Edit 11.0 New features
Larson Software Technology
 

More from Larson Software Technology (20)

Talking Technical Illustration - Episode 2 - S1000D Illustrations
Talking Technical Illustration - Episode 2 - S1000D IllustrationsTalking Technical Illustration - Episode 2 - S1000D Illustrations
Talking Technical Illustration - Episode 2 - S1000D Illustrations
 
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
 
Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020Larson 3D Product Strategy 2020
Larson 3D Product Strategy 2020
 
Technical illustration - The Future Webinar
Technical illustration - The Future WebinarTechnical illustration - The Future Webinar
Technical illustration - The Future Webinar
 
CGM and SVG Workshop 2019
CGM and SVG Workshop 2019CGM and SVG Workshop 2019
CGM and SVG Workshop 2019
 
Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019Complete Guide CGM Viewing 2019
Complete Guide CGM Viewing 2019
 
VizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration WorkshopVizEx Edit - Technical Illustration Workshop
VizEx Edit - Technical Illustration Workshop
 
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 illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1Compliant S1000D illustrations 2018 - Part 1
Compliant S1000D illustrations 2018 - Part 1
 
Larson CGM and SVG Webinar
Larson CGM and SVG WebinarLarson CGM and SVG Webinar
Larson CGM and SVG Webinar
 
VizEx Edit Datasheet
VizEx Edit DatasheetVizEx Edit Datasheet
VizEx Edit Datasheet
 
VizEx View HTML5
VizEx View HTML5VizEx View HTML5
VizEx View HTML5
 
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
 
VizEx Transform Datasheet
VizEx Transform DatasheetVizEx Transform Datasheet
VizEx Transform Datasheet
 
Webinar - Transforming Graphical Data
Webinar - Transforming Graphical DataWebinar - Transforming Graphical Data
Webinar - Transforming Graphical Data
 
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
 
Deployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical GraphicsDeployment and Mobilization of Technical Graphics
Deployment and Mobilization of Technical Graphics
 
VizEx Edit 11.0 New features
VizEx Edit 11.0 New featuresVizEx Edit 11.0 New features
VizEx Edit 11.0 New features
 

Recently uploaded

Cultural Shifts: Embracing DevOps for Organizational Transformation
Cultural Shifts: Embracing DevOps for Organizational TransformationCultural Shifts: Embracing DevOps for Organizational Transformation
Cultural Shifts: Embracing DevOps for Organizational Transformation
Mindfire Solution
 
Migrate your Infrastructure to the AWS Cloud
Migrate your Infrastructure to the AWS CloudMigrate your Infrastructure to the AWS Cloud
Migrate your Infrastructure to the AWS Cloud
Ortus Solutions, Corp
 
Leading Project Management Tool Taskruop.pptx
Leading Project Management Tool Taskruop.pptxLeading Project Management Tool Taskruop.pptx
Leading Project Management Tool Taskruop.pptx
taskroupseo
 
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
avufu
 
ThaiPy meetup - Indexes and Django
ThaiPy meetup - Indexes and DjangoThaiPy meetup - Indexes and Django
ThaiPy meetup - Indexes and Django
akshesh doshi
 
active-directory-auditing-solution (2).pptx
active-directory-auditing-solution (2).pptxactive-directory-auditing-solution (2).pptx
active-directory-auditing-solution (2).pptx
sudsdeep
 
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTIONBITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
ssuser2b426d1
 
NYC 26-Jun-2024 Combined Presentations.pdf
NYC 26-Jun-2024 Combined Presentations.pdfNYC 26-Jun-2024 Combined Presentations.pdf
NYC 26-Jun-2024 Combined Presentations.pdf
AUGNYC
 
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple StepsSeamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Estuary Flow
 
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg
 
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
Semiosis Software Private Limited
 
Shivam Pandit working on Php Web Developer.
Shivam Pandit working on Php Web Developer.Shivam Pandit working on Php Web Developer.
Shivam Pandit working on Php Web Developer.
shivamt017
 
NBFC Software: Optimize Your Non-Banking Financial Company
NBFC Software: Optimize Your Non-Banking Financial CompanyNBFC Software: Optimize Your Non-Banking Financial Company
NBFC Software: Optimize Your Non-Banking Financial Company
NBFC Softwares
 
Attendance Tracking From Paper To Digital
Attendance Tracking From Paper To DigitalAttendance Tracking From Paper To Digital
Attendance Tracking From Paper To Digital
Task Tracker
 
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdfResponsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
Trackobit
 
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
Hironori Washizaki
 
A Comparative Analysis of Functional and Non-Functional Testing.pdf
A Comparative Analysis of Functional and Non-Functional Testing.pdfA Comparative Analysis of Functional and Non-Functional Testing.pdf
A Comparative Analysis of Functional and Non-Functional Testing.pdf
kalichargn70th171
 
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdfAWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
karim wahed
 
React Native vs Flutter - SSTech System
React Native vs Flutter  - SSTech SystemReact Native vs Flutter  - SSTech System
React Native vs Flutter - SSTech System
SSTech System
 
Development of Chatbot Using AI\ML Technologies
Development of Chatbot Using AI\ML TechnologiesDevelopment of Chatbot Using AI\ML Technologies
Development of Chatbot Using AI\ML Technologies
MaisnamLuwangPibarel
 

Recently uploaded (20)

Cultural Shifts: Embracing DevOps for Organizational Transformation
Cultural Shifts: Embracing DevOps for Organizational TransformationCultural Shifts: Embracing DevOps for Organizational Transformation
Cultural Shifts: Embracing DevOps for Organizational Transformation
 
Migrate your Infrastructure to the AWS Cloud
Migrate your Infrastructure to the AWS CloudMigrate your Infrastructure to the AWS Cloud
Migrate your Infrastructure to the AWS Cloud
 
Leading Project Management Tool Taskruop.pptx
Leading Project Management Tool Taskruop.pptxLeading Project Management Tool Taskruop.pptx
Leading Project Management Tool Taskruop.pptx
 
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
 
ThaiPy meetup - Indexes and Django
ThaiPy meetup - Indexes and DjangoThaiPy meetup - Indexes and Django
ThaiPy meetup - Indexes and Django
 
active-directory-auditing-solution (2).pptx
active-directory-auditing-solution (2).pptxactive-directory-auditing-solution (2).pptx
active-directory-auditing-solution (2).pptx
 
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTIONBITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
BITCOIN HEIST RANSOMEWARE ATTACK PREDICTION
 
NYC 26-Jun-2024 Combined Presentations.pdf
NYC 26-Jun-2024 Combined Presentations.pdfNYC 26-Jun-2024 Combined Presentations.pdf
NYC 26-Jun-2024 Combined Presentations.pdf
 
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple StepsSeamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
 
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
 
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
React vs Next js: Which is Better for Web Development? - Semiosis Software Pr...
 
Shivam Pandit working on Php Web Developer.
Shivam Pandit working on Php Web Developer.Shivam Pandit working on Php Web Developer.
Shivam Pandit working on Php Web Developer.
 
NBFC Software: Optimize Your Non-Banking Financial Company
NBFC Software: Optimize Your Non-Banking Financial CompanyNBFC Software: Optimize Your Non-Banking Financial Company
NBFC Software: Optimize Your Non-Banking Financial Company
 
Attendance Tracking From Paper To Digital
Attendance Tracking From Paper To DigitalAttendance Tracking From Paper To Digital
Attendance Tracking From Paper To Digital
 
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdfResponsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
Responsibilities of Fleet Managers and How TrackoBit Can Assist.pdf
 
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
 
A Comparative Analysis of Functional and Non-Functional Testing.pdf
A Comparative Analysis of Functional and Non-Functional Testing.pdfA Comparative Analysis of Functional and Non-Functional Testing.pdf
A Comparative Analysis of Functional and Non-Functional Testing.pdf
 
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdfAWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
AWS Cloud Practitioner Essentials (Second Edition) (Arabic) AWS Security .pdf
 
React Native vs Flutter - SSTech System
React Native vs Flutter  - SSTech SystemReact Native vs Flutter  - SSTech System
React Native vs Flutter - SSTech System
 
Development of Chatbot Using AI\ML Technologies
Development of Chatbot Using AI\ML TechnologiesDevelopment of Chatbot Using AI\ML Technologies
Development of Chatbot Using AI\ML Technologies
 

VizEx View HTML5 Workshop

  • 1. Presenter Don Larson – CEO Moderator Dave Manock Technology Workshop VizEx View HTML5 February 23rd-25th 2016
  • 2. Workshop - VizEx View – CGM HTML5 • The muting and unmuting of delegates will be supervised by the the organizers • Live questions will be taken in Q&A • Please click the ‘Raise Hand’ button • You can also Post questions during webinar using Questions panel • If you experience problems when joining the webinar please use the questions function to communicate • VOIP is the recommended audio option • Handouts can be downloaded during the presentation • Audio Q&A sessions will be available during the presentation www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 3. Agenda • Technology Introduction • VizEx View HTML5 Demonstration • Q&A • Implementation of the Product • Supporting Documentation (SDK) • Resources • Evaluation Program • Final Q&A session and Closing remarks www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 4. Background (1) - Overview Computer Graphics Metafile ISO (International Organization for Standardization) standard for vector and composite vector/raster picture definition since 1987. HyperText Markup Language The cornerstone of the W3C's open web platform; a framework designed to foster innovation and develop the full potential the web has to offer. Web Graphics Library A JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins. www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 5. Background (2) – HTML5 • 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 www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 6. Background (3) – WebGL • JavaScript API for rendering interactive 3D and 2D 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 • WebGL is widely supported in modern browsers. www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 7. • ActiveX weaknesses • Has to be installed on the target computer • Strongly criticized for security problems • ActiveX Browser Support • Microsoft Edge browser - Support dropped • Good indication the technology will phased out • Chrome and Firefox still support ActiveX • Future strategy unknown • A solution without the reliance on a plug-in will be beneficial New Technology ActiveX alternative? www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 8. VizEx View HTML5 Live Demo www.cgmlarson.com Copyright Larson Software Technology (c) 2015
  • 9. How it works Code server (VizExView.js and License file) Hosted for evaluations on cgmlarson.com Desktop clients (Windows, Linux, Macs) Tablets (Android, iOS, Windows) Document server (html, cgms, images)
  • 10. • VizEx View HTML5 Evaluation page • Getting started document • API Document • Live Examples Getting Started
  • 11. Migrating ActiveX to HTML5 ActiveX HTML code: <HTML> <HEAD> </HEAD> <BODY> <OBJECT TYPE=“image/cgm “ ID="cgm" WIDTH=“100%" HEIGHT=“800" > <PARAM NAME="SRC" value="ALLELM01.cgm"> </OBJECT> </BODY> </HTML> HTML5 code : <!DOCTYPE html> <html> <head> </head> <body> <canvas id="cgm" width="100%" height=“800px"></canvs> <script> var Module = { canvas: document.getElementById('cgm') , src: ="ALLELM01.cgm"}; </script> <script src="http://www.cgmlarson.com/demos/jsViewer/VizExView.js"></script> </body> </html> * No changes to CGM is required
  • 12. Customizing the Toolbar <div class="toolbar" id="toolbar"> <img id="openfile" src="images/Open.png" alt="HTML5" onclick="document.getElementById('fileInput').click()“ title="Open a CGM file from your local machine." /> <img id="opennetfile" src="images/Net_open.png" alt="HTML5" onclick="Module.promptURLFile()“ title="Open a CGM file from the server" /> <img id="scale2fit" src="images/Scale_to_fit.png" alt="HTML5" onclick="getWebCGMDocument().setMapping(0)“ title="Scale to fit." /> <img id="scale2width" src="images/Scale_to_width.png" alt="HTML5" onclick="getWebCGMDocument().setMapping(1)“ title="Scale to width." /> <img id="scale2-100" src="images/Scale_to_100.png" alt="HTML5" onclick="getWebCGMDocument().setMapping(3)“ title="Scale to actual size." /> <img id="zoommode" src="images/Zoom_mode.png" alt="HTML5" onclick="getWebCGMDocument().setZoomPanMode(0)“ title="Zoom to selected rectangle." /> <img id="zoomin" src="images/Zoom_in.png" alt="HTML5" onclick="getWebCGMDocument().setZoomPanMode(2)“ title="Zoom in." /> <img id="zoomout" src="images/Zoom_out.png" alt="HTML5" onclick="getWebCGMDocument().setZoomPanMode(3)" title="Zoom out." /> <img id="panmode" src="images/Pan_mode.png" alt="HTML5" onclick="getWebCGMDocument().setZoomPanMode(1)“ title="Pan zoomed image." /> <img id="toggleHots" src="images/Show_hotspots.png" alt="HTML5" onclick="toggleHighlightsFunc()“ title="Toggle highlight on and off." /> <img id="about" src="images/About-trans.png" alt="HTML5" onclick="Module.about()“ title="Information about VizEx View HTML5." /> </div>
  • 14. • The benefits of the new technology are significant: • Full CGM support • Fast and quality rendering • No Plug-in required • No software installation required • Easily accessible • Configurable toolbar offering full control over the graphic display • S1000D and ATA iSpec 2200 compliant The Benefits www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 15. • Join the program • High Level - Candidate Criteria: • Have a real-life application for technology implementation • Possess the expertise to implement • Designate Evaluation Contact person • Provide product feedback • Access to product developer Join the Evaluation Program www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 16. • The new Larson technology will change the way CGM files are displayed on the web and IETP’s • ActiveX plug-in issues will be eliminated • IT departments will be your friend • Apply for the program and become part of the Evolution of CGM Viewing Q&A and Final remarks www.cgmlarson.com Copyright Larson Software Technology (c) 2016
  • 17. Closing Information Thank you for attending • Supporting Information • VizEx View - HTML5 Product Datasheet • CGM Infographic • www.slideshare.com/donlarson1 • Upcoming Larson Events • Webinar March 30th 11am Eastern • Previewing VizEdit Version 11.00 • New Drawing and CAD Import functions • Registration opening soon Follow Us www.cgmlarson.com Copyright Larson Software Technology (c) 2015