【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介

A360 クラウドプラットフォーム
Web サービス API のご紹介
オートデスク株式会社
Autodesk Developer Network
伊勢崎俊明

© 2014 Autodesk
1. 多様化する 3D
2. クラウドの登場
3. A360 Web サービス API
アジェンダ－ご紹介する内容

© 2014 Autodesk
設計者/デザイナー専⽤ソフトウェア
専⾨家⽤ソフトウェア

© 2014 Autodesk
http://autodesk360.com

© 2014 Autodesk
ReCap 360 クラウドサービス
https://recap360.autodesk.com
 写真合成による 3D モデル生成

© 2014 Autodesk
http://autodesk360.com
A360：プロジェクト管理サービス

© 2014 Autodesk
様々なファイル形式への対応

© 2014 Autodesk
A360 のビューワー表示機能
1. A360 クラウドに各種ファイルをアップロード
2. クラウド内で中間ファイルを自動生成
3. Web ブラウザやモバイル専用無償アプリで表示

検索アクティビティ表⽰プロジェクトデータアイデンティティ

IaaS – Infrastructure as a Service
PaaS – Platform as a Service
SaaS – Software as a Service

© 2014 Autodesk
検索、表示、データの統合
拡張する⾒つける⾒る
Empower your application with Autodesk Web Services

© 2014 Autodesk
View & Data サービス API
WebGL
Three.js
View & Data Web Service

© 2014 Autodesk
View & Data サービス API の特徴
 ゼロクライアント
 WebGL 対応ブラウザがあれば OK
 HTML5 実装
 最新の Web テクノロジ
 ストリーミング
 大規模モデルの表示が高速
 高品質表示
 陰影、マテリアル等を高度に表現
 対応ファイル形式
 多様なファイル形式をサポート

© 2014 Autodesk
View & Data サービス API - 2 種類の API を用意
 サーバー & 管理 API
ファイルアップロード
ライフサイクルと変換処理
アクセス権限
OAuth 2.0 - REST API
 WEB クライアント API
Three.js ベースの表示テクノロジ
HTML5 アプリケーションへの埋め込みと表示制御
ドキュメントへのアクセス、オブジェクト操作、カメラ …
JavaScript API

© 2014 Autodesk
 3D 表示機能
 選択、プロパティ表示、ズーム、パン、オービット、
独立表示、ハイライト、フォーカス…
 3D モデル配下へのアクセス（メッシュ、マテリアル）
 2D 表示機能
 ラスターイメージ化した図面アクセス – ズームとパンのみ
 ベクトル情報へのアクセス
 選択、プロパティ表示、ズーム、パン、
独立表示、フォーカス、ハイライト
View & Data サービス API の機能

© 2014 Autodesk
View & Data サービス API ワークフロー

© 2014 Autodesk
オートデスクデベロッパポータル
https://developer.autodesk.com
ドキュメント
キーの取得
サンプルコード
GitHib
API Console

© 2014 Autodesk
クラウドコミュニケーション REST API
ステップ 1：アプリの登録と作成（キー取得）
Consumer Key / Secret が必須
Callback URL はダミーでも OK
（アクセストークン取得用）

© 2014 Autodesk
 Header
 Content-Type: application/x-www-form-urlencoded
 Body
client_id=xxxxxxxxxxxx
&client_secret=xxxxxxxxxxxx
&grant_type=client_credentials
 POST https://developer.api.autodesk.com/authentication/v1/authenticate
ステップ 2：アクセストークンの取得

© 2014 Autodesk
 Header
 "Content-Type: application/json"
 "Authorization: Bearer xxxxxxxxxxxx"
 Body
'{¥"bucketKey¥":¥"mybucket¥",¥"policy¥":¥"transient¥"}'
 POST
https://developer.api.autodesk.com/oss/v1/buckets
 バケットポリシー
 Transient: 24 時間のみ維持
 Temporary: 30 日間維持
 Persistent: 削除されるまで維持
ステップ 3：バケットの作成

© 2014 Autodesk
 Header
 "Authorization: Bearer xxxxxxxxxxxxxxxx"
 "Content-Length: 308331"
 "Content-Type: application/octet-stream"
 Body
 ファイルコンテンツ
 PUT
https://developer.api.autodesk.com/oss/v1/buckets/{bu
cketkey}/objects/{objectkey}
ステップ 4：ファイルのアップロード

© 2014 Autodesk
 URN の取得
{
"bucket-key": "mybucket",
"objects": [ {
"location":
https://developer.api.autodesk.com/oss/v1/buckets/mybucket/objects/s
kyscpr1.3ds",
"size": 308331,
"key": "skyscpr1.3ds",
"id": "urn:adsk.objects:os.object:mybucket/skyscpr1.3ds",
"sha-1": "e84021849a9f5d1842bf792bbcbc6445c280e15b",
"content-type": "application/octet-stream"
} ]
}
 URN = Base64 エンコードされた ID
アップロードレスポンス

© 2014 Autodesk
 Header
 "Content-Type: application/json "
 "Authorization:Bearer xxxxxxxxxxxx“
 Body
 "{¥"urn¥":¥“{前のステップで Base64 でエンコードされた ID}¥"}“
 POST
https://developer.api.autodesk.com/viewingservice/v1/register
ステップ 5：表示用にデータを登録

© 2014 Autodesk
 Header
 GET
https://developer.api.autodesk.com/viewingservice/v1/{URN}
チェック処理
 いくつかのパーツだけが "complete" ステータスを持つ場合でも
登録されたデータをビューアで表示することができることに注意

© 2014 Autodesk
 Header
 GET
https://developer.api.autodesk.com/viewingservice/v1/t
humbnails/{URN}
サムネイル画像の取得

© 2014 Autodesk
 HTML5 ページか Web アプリケーションを作成
 CSS と JavaScript の参照を追加
<link rel="stylesheet"
href="https://developer.api.autodesk.com/viewingservice/v1/
viewers/style.css" type="text/css">
<script
src="https://developer.api.autodesk.com/viewingservice/v1/
viewers/viewer3D.min.js"></script>
JavaScript ビューワへの表示

© 2014 Autodesk
 HTML コンテナへの追加
<body onload="initialize()">
<div id="viewer"></div>
</body>
 現在のところ div セクションへの表示を想定（Canvas ではなく）

© 2014 Autodesk
 ビューワの初期化
function initialize () {
var options ={ "document" : "urn:XXXXXXXXXX“ } ;
var viewerElement =document.getElementById ("viewer") ;
var viewer =new Autodesk.Viewing.Viewer3D (viewerElement, {}) ;
viewer.initialize () ;
Autodesk.Viewing.Initializer (options, function () {
loadDocument (
viewer,
getURLParameterByName ("accessToken"),
options.document) ;
}) ;
}

© 2014 Autodesk
 ビューワへのモデルロード
function loadDocument (viewer, auth, documentId) {
// Find the first 3d geometry and load that.
Autodesk.Viewing.Document.load (documentId, auth,
function (doc) {
var geometryItems =[] ;
geometryItems=Autodesk.Viewing.Document.getSubItemsWithProperties(
doc.getRootItem (), { "type" : "geometry", "role" : "3d" }, true
) ;
if ( geometryItems.length > 0 )
viewer.load (doc.getViewablePath (geometryItems [0])) ;
},
function (errorMsg) {
alert ("Load Error: " + errorMsg) ;
}) ;
}

© 2014 Autodesk
 ディスカッションフォーラム
http://forums.autodesk.com/t5/view-and-data-api/bd-p/95
 Cloud and Mobile
http://adndevblog.typepad.com/cloud_and_mobile/
 Through the Interface
http://through-the-interface.typepad.com/
 Technology Perspective from Japan
http://adndevblog.typepad.com/technology_perspective
開発についての参照（フォーラム、ブログ）

© 2014 Autodesk
http://spark.autodesk.com
 クラウドを利用した 3D プリンタ API
 オープンソース
 3rd Party ソリューションの構築が可能
 Ember
 オートデスク製 3D プリンタ
 光造形方式を採用
Spark

© 2013 Autodesk, Inc. All rights reserved.
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.

【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介

More Related Content

Viewers also liked (19)

Similar to 【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介 (20)

More from Developers Summit (20)

【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介