チャンネル閲覧者 - Junaioに代わるARアプリ cybARnet

ARポータルサービス
cybARnetのご紹介
2015/ 7/31(東京会場)
2015/ 8/ 3(大阪会場)
サイバネットシステム株式会社
ビジュアリゼーション事業部
cybARnetとは
cybARnetアプリ
サイバネットは、独自のARポータルサービスとしてJunaioに替わる仕
組み、cybARnetを提供いたします。
cybARnetは、無償ARブラウザアプリ「cybARnetアプリ」と、コンテン
ツを管理するポータルサービス「cybARnet開発者ポータル」とから構
成されます。
cybARnetアプリは、Junaioと同じく無償のARブラウザアプリで、iOS版
及びAndroid版を提供いたします。
cybARnet開発者ポータルは、cybARnetアプリで閲覧可能なARコンテン
ツを登録・管理できるポータルサービスです。
cybARnet開発者ポータル
cybARnetの特徴
• Junaioコンテンツ、Metaio Creatorが利用できる
• お客様のビジネスサイズに合わせた料金体系
cybARnetサービスの概要
●提供者(システム提供者、システム開発者)
チャンネル登録
cybARnet
開発者ポータル
チャンネルID発行 チャンネルID
cybARnet
Cloud
コンテンツ登録
●チャンネル閲覧者(システム利用者、一般消費者)
シナリオ
&コンテンツ
チャンネルダウンロード
QRコードまたは画像情報
cybARnetアプリ
画像検索
エンジン
(近日実装予定)
cybARnet開発者ポータル
開発者登録~リリースまで
4
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetポータルでできること
• cybARnetシステムを利用するためのアカウント登録
–
–
–
–
氏名、Email(ログインID)、パスワード、ポータル利用条件への同意
登録Email宛にメールが届き、メール文中のURLをクリックすることで正式登録
アカウント登録されると、コンテンツストレージとして100MB無料提供
2015年9月末まで利用できるチャンネル10個無料提供
• ARチャネルの登録
– Junaioチャンネルの登録
– 新規チャンネル登録(自分のコンテンツサーバに置きたい場合)
– 新規チャンネル登録(cybARnetコンテンツサーバに置きたい場合)
• 自分のARチャンネルを管理
– チャンネルの一覧表示
– 登録済チャンネルの編集、削除
• アカウントの管理
– パスワード変更
– アカウント情報変更
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
5
cybARnetポータル(トップページ)
■HTML5対応ブラウザ
(IE10以降、Chrome、スマ
ホブラウザ)
■サービス紹介
■お問い合わせ(メーラー
起動)
8月3日(月)から
https://portal.ar.cybernet.ne.jp/
6
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
新規登録(アカウント登録)
氏名
会社名
Email
パスワード
利用条件への
同意確認
新規登録
アカウント情報入力
7
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
新規登録(アカウント登録)
入力エラー内容
アカウント情報入力エラー
アカウント登録実行
8
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
新規登録(アカウント登録)
アカウント本登録用のメール
(メール本文のURLをクリックして本登録)
アカウント仮登録完了
9
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
新規登録(アカウント登録)
アカウントのアクティベート
(本登録完了)
10
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ログイン
ログイン
ログイン情報入力
(Email、パスワード入力)
11
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ログイン後画面(チャンネル一覧画面)
チャンネル一覧画面
12
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
アカウント編集画面
氏名
会社名
パスワード
*Emailの変更はできません。
(別途個別対応)
アカウント編集画面
13
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
チャンネル作成(ARチャンネル登録)
Junaioチャンネル
登録
チャンネル作成
新規チャンネル登
録(自分のコンテ
ンツサーバに置き
たい場合)
新規チャンネル登
録(cybARnetコン
テンツサーバに置
きたい場合)
作成するチャンネル種類の選択
14
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録(Created Channel)
Junaioチャンネル
登録
新規チャンネル登
録(自分のコンテ
ンツサーバに置き
たい場合)
新規チャンネル登
録(cybARnetコン
テンツサーバに置
きたい場合)
15
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録(Created Channel)
Junaioで使用しているチャンネル番号を指定
チャンネル名称
コンテンツ格納URL
(http://xxx.xxx.xxx/123456/index.xml)
Junaioチャンネル登録
16
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録(Created Channel)
ここで表示されるQRコー
ドは、cybARnetアプリ専
用のQRコード
Junaioチャンネル登録する
と、cybARnetアプリは、
Junaioで使用していたQR
コードにかざしても動作す
るのがポイント!
Junaioチャンネル登録完了
17
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(URL)
Junaioチャンネル
登録
新規チャンネル登
録(自分のコンテ
ンツサーバに置き
たい場合)
新規チャンネル登
録(cybARnetコン
テンツサーバに置
きたい場合)
18
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(URL)
チャンネル名称
自分コンテンツサーバにある
コンテンツ格納先のURL
(http://xxx.xxx.xxx/123456/index.xml
http://xxx.xxx.xxx/xxx.zip )
■指定できるコンテンツの種類
・Metaio Creatorで出力したファイル群の中の
index.xml
・ARELファイル群を1ファイルに圧縮したzipファイ
ル
コンテンツサーバにあるコンテンツURLを登録
19
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録(コンテンツ作成)
「Export as AREL Package」メニューを選択
し、作成したコンテンツをローカルディスク
に保存
Metaio Creatorでコンテンツ作成
20
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録(コンテンツ作成)
保存フォルダ内にある、htmlと
index.xmlファイルを選択し、
zipファイルを作成
ARELファイル(zipファイル)作成
21
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(URL)
cybARnet専用
のQRコード
チャンネル登録完了
22
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(Upload)
Junaioチャンネル
登録
新規チャンネル登
録(自分のコンテ
ンツサーバに置き
たい場合)
新規チャンネル登
録(cybARnetコン
テンツサーバに置
きたい場合)
23
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(Upload)
チャンネル名称
ARELファイル群を1ファイルにしたzipファイルを選択
■ファイル選択は、操作端末のローカルディスクにある
ファイルを選択
■自分のコンテンツサーバを持っていなくても可。
(cybARnetのコンテンツサーバ100MBまで無料利用
可)
24
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(Upload)
チャンネル名称
Metaio CreatorでexportしたARELファイル(zipファイル
にしたもの)を選択
25
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ARチャンネル登録
New Channel(Upload)
チャンネル登録完了
26
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
チャンネル一覧画面
チャンネル名称
チャンネル番号
検索対象フラグ
コンテンツ有効
期限
チャンネル
情報詳細
チャンネル一覧画面
27
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
チャンネル編集画面
同じQRコードで、コ
ンテンツの入替も可
能
チャンネル一覧画面
チャンネル編集画面
28
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
チャンネル削除
「Delete」ボタンを押すと、確認ダイア
ログが表示され、「OK」を押すとコンテ
ンツが削除される。
■cybARnetのコンテンツサーバにアップ
ロードしていたコンテンツは削除
■削除したチャンネル番号(QRコード)
はもう使えない
■有効期間が残っているチャンネルを削
除した場合は、また新規チャンネルとし
て登録することは可能
チャンネル一覧画面
29
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetアプリ
サービス内容
30
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
iOS/Androidアプリ cybARnet
• 2015-08-03より配布開始
– cybARnetサービスに登録されたコンテンツの表示が可能
– バージョン1.0では、GLUEコンテンツだけに対応
iOSバージョン
(ユニバーサル)
© 2015 CYBERNET SYSTEMS CO.,
LTD. All Rights Reserved.
31
Android
バージョン
動作要件
• iPhone/iPad
– iOS8以上
• iPhone 4S以降の端末
• iPad 第4世代以降の端末
• iPad mini 第2世代以降の端末
• Android
– Android 4.0以上
• Galaxy S6, Nexus7で動作確認済み
32
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetアプリ
メニュー構成および画面構成
33
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
Junaioに準ずるツールバー
• 検索
– マイチャンネル、Publicチャンネルのキーワード検索
• チャンネルアイコン
– チャンネルのAbout画面を表示
• アプリボタン
– ログイン/ログアウト、ヘルプ等
• スクリーンショットボタン
– SNS共有も可能
• スキャンボタン
– 現状はQRコードの読み込みが可能
• JunaioのQRコードも読み込み可能
※デバッグモードはありません
34
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
動作ビデオ
•
•
•
•
ログイン
マイチャンネル表示
キーワード検索
QRコードからのチャンネルロード
35
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetアプリ
Junaioとの機能比較
36
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetでの表示可否
データ形式
Metaio Creator 6で作
成
したコンテンツ
表示
可能
○
備考
一部機能に制限事項あり
上記に独自にHTMLなど
を追加したコンテンツ
○
すべてを内包した状態でZIP化して登録
PHPベースのAREL
コンテンツ
△
GLUEコンテンツは、PHP部分にXMLヘ変換
して表示可能
・Metaio Creator 3のコンテンツは未検証です
・Metaio Creator 2.6のコンテンツは表示できません
37
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
Metaio Creatorのコンテンツについて
動作OK
・3Dモデルの表示
・2D画像の表示
・音の再生
・In-Page Video, Fullscreen Video再生
・YouTubeへのリンク、Webサイトへのリンク
・ボタン等のUI要素
・Facebook, Google+, Twitterボタン
・パノラマ
・HTMLテキスト
動作NG
・チャンネルジャンプ
・Google Analytics
・スクリプトによるスクリーンショット取得
・Webページ表示後のFollow-up Action(iOSのみ)
・カレンダーイベント(Androidのみ)
38
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
実装に向けて調査中の機能 (1/2)
• チャンネルジャンプ
– Metaio SDK内でイベント自体は取得されている模様
– チャンネルジャンプのトリガーをフックできるか調
査中
• Follow-up Action (iOS)
– Web表示を閉じた後の
動作定義
(別のページを開くなど)
39
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
実装に向けて調査中の機能 (2/2)
• スクリーンショット
– arel.Scene.shareScreenshot()は動作せず
• アプリのスクリーンショットボタンで代用
– Metaio Creatorのボタンに定義されているスクリー
ンショット(take Screenshot)は機能する
カメラボタンをHTMLに配置している
コンテンツでは注意して下さい。
40
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
実装見送りの機能
• カレンダーイベント(Android)
※マーカーにかざすと、カレンダーアプリに
予定が追加される機能
41
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
PHPコンテンツについて
• PHP部分は予め実行してXML化する
– cybARnetはコンテンツをローカルにダウンロードし
てから表示するためPHPの実行環境がないため
• ZIPファイルにまとめる
– CSSやJSはすべてローカルに内包するようにする
– Metaio Creator 6のデータにCSSやJSを追加した場合
も同様
PHPで作成したLocation Basedコンテンツは
XML化しても使用できません
42
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetアプリ
今後のバージョンアップについて
43
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
ver.1.1
• 10月リリース予定
• 追加機能
– Location Based コンテンツの表示
– 画像によるチャンネルサーチ
• cybARnetに関連画像(かならずしもマーカー画像で無くても良い)を登録
• DB登録画像とのマッチングでチャンネル検索
• 新機能!「画像サーチによるLocation Basedチャンネルの表示」
読み取り
観光ポスター
44
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
イベントポスターなどを
トリガーに Location Based
チャンネルを表示することが
できるようになります。
cybARnetアプリ
補足事項
45
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
URLスキーム
• cybARnetのURL Scheme
– cybARnet://channels/?id=XXXXXXX
• QRコードの内容
– http://channel.ar.cybernet.ne.jp/channel/XXXXXXX
– 上記リンクをWebページに埋め込むとブラウザからcybARnetが起動でき
ます
46
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
cybARnetアプリ
サービス内容
47
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
サービスの概要
1.cybARnet開発者ポータルに登録(無料)
2.チャンネルを購入(テスト用の無料チャンネル有)
Lite版
3.チャンネル情報を登録→QRコード発行
4.cybARnetアプリで確認
近日リリース予定
5.画像検索できるチャンネルを登録
Basic版
6.アクセスログを管理
7.個別サポートを受ける
Pro版
8.cybARnetを使った独自アプリを作る
アクセスログ管理ツールのイメージ
日付
ユーザー
閲覧回数
2015/7/31
30
228
2015/8/1
42
510
2015/8/2
58
720
2015/8/3
24
316
今後のスケジュール
• Ver1.1(2015年10月初)
– ポータル
• チャンネル検索用画像登録、削除
• コンテンツ登録機能(画像表示コンテンツ、動画表示コンテンツ)
– アプリ
• 画像によるチャンネル検索(調査中)
• エアタグ表示機能、スイッチチャンネル(調査中)
• Ver1.2(2015年12月初)
– ポータル
• コンテンツ登録機能(3Dコンテンツ、、、)
– アプリ
• 安定度向上
• Ver2.0(2016年7月初)
– 新ARエンジン対応のメジャーバージョンアップ
• 本システム利用者は、内部のARエンジン変更を意識しなくて良い。
50
© 2015 CYBERNET SYSTEMS CO., LTD. All Rights Reserved.
テスト期間のお知らせ
• サービス開始から、2015/9/30までの間、トライアル期間といたし
まして、この期間にcybARnet開発者ポータルにご登録いただきまし
た方に無償で10chをご利用いただけるようにしております。
• ぜひこの機会にご登録いただき、お手持ちのJunaioチャンネルまた
はMetaio Creatorで制作されたチャンネルをご登録ください。
cyb-ar@cybernet.co.jpまでお願いいたします