View & Data API platform Cyrille Fauvel

Understand Buckets Access Token viewer scoping New Viewer API/Features Sectioning Measure Localization … Polymer lmv.rocks! External Database

Understand Buckets Buckets are permanent so what is transient, temporary, persistent for? Read keep the resource in the ‘bucket’ for a duration of time predefined by the bucket type. “in theory, you need only 3 buckets in your account” “since bucket name should be unique across all accounts, a good practice is to prefix/postfix the name with your consumer key or a hash code”

Bucket transient lifes A Transient bucket is permanent, but keeps a resource alive 24 hours and then delete the resource. Day #1 Day #2 Day #3 Days #4 Automatic

Bucket permanent lifes A permanent bucket is permanent, and keeps a resource alive forever unless deleted. Day #1 Day #2 Day #3 Days #4

Deleted? Delete a resource /oss/v1/buckets/{{BucketName}}/objects/{{Filename}} Delete a bucket - Restricted API No undo possible (very dangerous) Need to be whitelisted to use it – contact us

How many buckets?

Restricted API /oss/v2/buckets[?limit={limit}&startAt={startAt}]

Access Token security An Access Token is valid 30 minutes used on the server side used by the 3d viewer The 3d Viewer is running on the client side there is a chance a hacker trap your access token and use it  => you need to protect your access token like you protect your consumer secret

Demo Solution is to scope the viewer token,

Polymer A polymer (/ˈpɒlɨmər/) (Greek poly-, "many" + -mer, "parts") is a large molecule, or macromolecule, composed of many repeated subunits. Because of their broad range of properties, both synthetic and natural polymersplay an essential and ubiquitous role in everyday life.

Polymer project Custom elements extend the web HTML provides a set of built-in elements like <button>, <form> and <table>. Each element has its own API of attributes, properties, methods, and events. Each element has built-in styling, as well as style properties you can override using CSS. Just make your own! https://www.polymer-project.org/1.0/

Viewer as a custom element Include polyfill + reference js library <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script> <script src="http://autodeskviewer.com/viewers-dev/latest/firefly.js"></script> import the viewer element <link rel="import" href="bower_components/lmv-viewer/lmv-viewer.html">

Viewer as a custom element Now all you need is a html tag to put it on a page <lmv-viewer url="https://lmv.rocks/data/engineraw/0.svf"></lmv-viewer>

Easy install This custom element is on bower Documentation Sample: lmv.rocks Caveat: no IE Support

New Viewer API - Sectioning

New Viewer API - Sectioning API for set a specific cut-plane (Vertical-front, Vertical-side, Horizontal or a box) turn sectioning off turn sectioning on (with the last cut-plane set) There are 2 ways to access this functionality: viewer.setCutPlanes() Through "Autodesk.Section" extension. Option a) offers the raw functionality. It is aimed for users that want to build their own 3d-sectioning UI. It requires knowledge of THREE.js library. Option b) provides higher lever functionality at a cost of less customization. It provides an implementation for 3d-sectioning UI as well as some default cut planes which can be accessed through strings "X", "Y", "Z" and "BOX".

Example // First, create the tool that comes bundled in the Section extension: var sectionTool = new Autodesk.Viewing.Extensions.Section.SectionTool(viewer); viewer.toolController.registerTool(sectionTool); // When a cutplane needs to be shown, we activate the tool and set a cutplane viewer.toolController.activateTool(sectionTool.getName()); sectionTool.setSection("X"); // Only supported parameters are: "X" or "Y" or "Z" or "BOX". // When the cutplane needs to be turned of, developer must: viewer.toolController.deactivateTool(sectionTool.getName());

New Viewer feature - Measure

New Viewer feature - Measure No API 2D measure snapping area 3D Measure support in model with topology data

New Viewer feature – Localization Localized version available in 14 languages German, French, Japanese, Chinese, Spanish, Italian, Korean, Polish, Portuguese, Russian, Czech

New Viewer features - Prism material Improved materials rendering via Prism material shaders

Q&A

Autodesk is a registered trademark of Autodesk, Inc Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.