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で制作されたチャンネルをご登録ください。 [email protected]までお願いいたします
© Copyright 2024 Paperzz