PowerPoint Presentation

Transcription

1 マルチデバイス対応 0度パノラマVRツアー制作ツール VR VR ツアー構築マニュアル ご使用前に必ずお読みください Ver 年月 0 panocloud VR by GMO All Rights Reserved

2 ツアー構築マニュアル目次 0 - 表紙 0 - 目次 0 - 機能一覧 0 - プロジェクト一覧 0 - 新規作成 0 - パノラマ画像アップロード 0 - パノラマシーン差し替え 08 - URL 初期設定 09 - ホットスポット設定 0 - シーンリンク設定 - 画像アップロード設定 - 外部コンテンツ<YouTube> 設定 - リンクURL 設定 - テロップ< 説明文表示 > 設定 - ホットスポットアイコンの追加 - ホットスポットアイコンの削除 - ロゴマーク設定 8 - マップアップロード 9 - マップ設定 0 - ホットスポット確認 - シーンリンク確認 - 公開 共有設定 - ツアープレイヤー機能説明 PC 版 - ツアープレイヤー機能説明 スマートデバイス版 - ツアープレイヤー機能説明 VRモードスマートデバイス版 - カスタマーサービスセンター連絡先 0 panocloud VR by GMO All Rights Reserved

3 panocloud VR 機能一覧 (Ver..0.0) 機能説明 新規作成 編集 削除ツアーを新規作成 更新編集 削除ができます パノラマ画像アップロードパノラマ画像をドラッグ & ドロップして サーバーにアップロードできます プロジェクト一覧作成中及び作成したツアーが一覧表示されます ツアー初期シーン設定起動時に表示されるシーン画像 及び 表示開始位置を設定できます SEO 最適化ツールツアーのページタイトル カノニカル URL ディスクリプション キーワードを設定できます Google アナリティクス設定 Google アナリティクス ID を設定して ツアーごとに利用状況を取得できます シーン名変更各シーン画像の名前の変更ができます 位置などで名称を決めるとわかりやすく サムネイル画像名と連動します 8 視野制限床面や天井のシーン欠損部分 三脚などが表示されないように 上下の視野角度を調整できます 9 ロゴマーク設定企業ロゴ ブランドロゴ オリジナル画像をツアー右上または左上に設置し リンク先 表示サイズの調整ができます 0 ラウンドロゴ設定三脚消し用に 任意の画像を床面に設置し リンク先 表示サイズの調整ができます マップ設定 間取り図や地図など任意の画像をツアー右上または左上に設置し マップ上のシーンアイコンからシーン移動の設定ができます ( 階層までの設定を推奨 ) ホットスポット確認シーンに設定したホットスポット ( シーンリンク 画像 外部コンテンツ リンク URL テロップ ) の設定状況を一覧で確認ができます シーンリンク確認接続されたシーンが矢印の遷移で表示され どのシーンがどことつながっているか 矢印で確認ができます 公開 共有ツアーを公開をすると 公開用 URL 及びサイトへの埋め込み用タグが自動生成されます SNS 共有 Facebook Twitter 制作したツアーの URL を 管理画面から Facebook Twitter にシェアできます プレビュー編集の内容を保存し ツアーを構築します 構築完了後 ツアーを表示して確認ができます ホットスポット設定 ( アイコン ) 8 ホットスポット設定 ( エリア ) 9 シーンリンク設定 シーンの空間上に 任意のアイコンを設置できます 用意された9 種類からアイコン選択して マウスオンした時の説明文章 ( テロップ ) クリックしたときのアクション( ホットスポットのタイプ ) を設定できます シーンの空間上に 任意の範囲と大きさでホットスポットを作成できます 設定したエリアは マウスオンするとエリア全体が変色表示され クリックしたときのアクション 0 度パノラマコンテンツ制作 ( ホットスポットのタイプ ) を設定できます シーン同士のリンクを接続して ホットスポットのクリックでシーン移動できるように設定できます 接続先シーンの開始位置 画角も設定できます 0 画像アップロード設定ホットスポットのクリックで 任意の説明画像や写真をポップアップ表示させることができます 外部コンテンツ YouTube 設定 ホットスポットのクリックで 任意のウェブサイトのページをポップアップ表示させることができます URL を入力するだけで YouTube 動画 Google マップ 詳細説明のページ メールフォームなど既存のウェブサイトと連携できます リンク URL 設定ホットスポットのクリックで 設定した URL のウェブサイトへリンクします テロップ 説明文表示 設定ホットスポットのマウスオンで アイコン上に説明文章を表示させます マルチデバイス対応パソコン スマートフォン タブレットの機種を問わず ツアープレイヤーはブラウザのみで閲覧ができます VR モード切替え コントロールパネル Oculus VR スマートデバイスVRモードに切替えます スマートフォンと市販のVRメガネを利用して お手軽に現地にいるような臨場感のある空間を体験できます マウスのみ 指のみでも操作ができますが 上下左右 拡大縮小の操作ボタンもご用意しています サムネイル表示 SNSシェア フルスクリーン表示も操作できます フルスクリーン表示画面いっぱいにツアーの表示ができます 8 自動回転モードツアーを操作しなくても 自動的に 0 度回転してデモ表示を行います 9 ジャイロ連動スマートフォン タブレットのジャイロ機能を利用し 上下左右向いている方向を自動認識して表示します 0 ホットスポット表示 動作ホットスポットに設定された様々なアクションを表示 動作させます サムネイル表示 シーン選択シーン画像をサムネイルで表示 画像をクリックすると画像のシーンへ移動します フロアマップ表示 シーン選択 画面の左右いずれかの上部に設置されたマップを操作して マップに設定された場所へシーン移動できます 複数のフロアマップがある場合 階層の切替え表示ができます SNS 共有 LINE 追加 表示のツアー URL を 従来の Facebook Twitter に加えて LINE でも掲載してシェアできます ドラッグ & ドロップでの画像アップロード企業ロゴ ラウンドロゴのドラッグサイズ調整 パノラマシーン マップ画像 マップアイコン ロゴマーク ラウンドロゴ等の画像をドラッグ & ドロップでアップロードできます 企業ロゴ ラウンドロゴの表示サイズをマウスでドラッグして調整できます マップのボタンデザイン変更機能マップのボタンデザインをドラッグ & ドロップで変更できます 画像のサイズ設定機能ホットスポットに表示させる画像のサイズをパーセント単位で設定できます ( 0~00 の間の整数値 ) 0 panocloud VR by GMO All Rights Reserved

4 プロジェクト一覧 ツアー構築マニュアル 画面の案内に沿って操作してください 0 panocloud VR by GMO All Rights Reserved 構築ツアーの管理を プロジェクト一覧 より行えます 編集 ボタンクをクリックし ツアーの編集を行えます 確認 ボタンをクリックし ツアーの確認を行えます 削除 ボタンをクリックし ツアーの削除を行えます 新規作成 新規作成 ボタンをクリックしてツアー作成を 開始してください 0 panocloud VR by GMO All Rights Reserved 0 panocloud VR by GMO All Rights Reserved

5 パノラマ画像アップロード ツアー構築マニュアル 画面の案内に沿って操作してください 0 panocloud VR by GMO ( 新規作成 画面 または右メニュー ) アップロード からパノラマ画像のアップロード画面を開きます ) アップロード ボタンをクリックしてください フォルダ 内のパノラマ画像を選択してください 開く ボタンをクリックし パノラマをアップロードしてください パノラマシーン差し替え 設定済みのパノラマシーンを別の画像と差し替える方法です 画面に直接ドラッグ & ドロップで画像ファイルを管理画面内に入れるか シーン差し替えアップロード ボタンをクリックして 変更したい画像を選択してアップロードします プレビュー をクリックすると画像の処理が開始します 0 panocloud VR by GMO All Rights Reserved

6 URL 初期設定 ツアー構築マニュアル 画面の案内に沿って操作してください ページタイトル URL に表示される ページの名前 を入力してください 検索結果に タイトルとして表示されます Google アナリティクス ID お客さまご自身のアナリティクス ID を入力してください 生成 URL の事前登録を行ってください URL 初期設定 8 URL カノニカル正規のページとそれ以外の非正規のページすべてを rel="canonical" リンク要素でマークアップします ディスクリプションページの簡単な説明を表します 検索結果に表示されるスニペットの一部として使用される場合もあります キーワードメタキーワードは ページ内のトピックを分かりやすい単語にして カンマ区切りで meta keywords タグで指定します 主に検索エンジン対策用に設置します 保存設定を終えた後 保存 ボタンをクリックしてください コンテンツ起動時のシーン表示位置設定 URL が開かれた際に 最初に表示されるシーンを選択します その後 シーンの開始位置を決めます 8 シーンの並び替えが可能です ドラッグ & ドロップで並び順を変更できます 0 panocloud VR by GMO All Rights Reserved

7 ホットスポット設定 ツアー構築マニュアル 画面の案内に沿って操作してください シーン名シーンの名前を個別に設定できます 視野制限シーンの上下を見せないように -90 度 ~- 度の間で自由に設定することができます 制限無しの場合は -90 度となります 保存設定を終えた後 保存 ボタンをクリックします ホットスポット設定メニューからシーンを選択します ホットスポット追加 + ボタンをクリックし ホットスポットを設定したい場所をクリックします ( へ続きます ) ( からの続きです ) クリックするとホットスポットアイコンが表示されます その位置で問題なければ 保存 をクリックします 保存 をクリックすると ホットスポットの設定画面が表示されます ( 設定位置を修正する場合は やり直し 設定を止める場合は キャンセル をクリックしてください ) ( 次ページへ続きます ) 0 panocloud VR by GMO All Rights Reserved

8 シーンリンク設定 8 ( 前ページからの続きです ) 8 ホットスポットの保存ボタンをクリックすると 左の画面が表示されます アイコンパレットからお好みのアイコンを選択してください ホットスポットのタイプを選択 シーンリンク を選択します 0 シーン接続アイコンクリックした接続先のシーンを選びます 接続先のシーン開始位置 開始位置 の配置場所を調整すると シーン毎の表示開始位置を設定することができます 保存設定を保存します 画像アップロード設定 ホットスポットの保存ボタンをクリックした後 左の画面が表示されます アイコンパレットからお好みのアイコンを選択します ホットスポットのタイプを選択 画像アップロード設定 を選択します 画像選択ドラッグ & ドロップで設定画面の中に画像ファイルを入れる または 画像選択 をクリックし アップロードしたい画像をフォルダの中から選択し 開く をクリックすると表示する画像を設定できます 設定できる画像のファイルサイズは最大 MB です 画像サイズ設定ツアーの中で表示する画像のサイズを % 単位で指定できます 0~00 の間の整数の数値で指定してください ( 小数点以下の数値を含んだ指定はできません ) 例 ) 本来のサイズそのままで表示させる場合 : 00 80% に縮小して表示させる場合 : 80 保存設定を保存します 8 0 panocloud VR by GMO All Rights Reserved

9 外部コンテンツ <YOUTUBE> 設定 ホットスポットの保存ボタンをクリックした後 左の画面が表示されます アイコンパレットからお好みのアイコンを選択することができます ホットスポットのタイプを選択 外部コンテンツ <YOUTUBE> 設定 を選択します PC 用 iframe 入力 PC( デスクトップ ) での表示用にYouTubeの埋め込みコードをコピーして貼り付けます YouTube 映像をiframe 内に表示させるためには 必ず 埋め込みコード をコピー & ペーストしてください モバイル用直 URL 入力 モバイル ( スマホ タブレット等 ) での表示用に YouTube の URL をコピーして 貼り付けます この項目には iframe タグではなく直 URL を入力してください リンク URL 設定 iframe 表示サイズ画面上に表示させる 横幅 高さ を表示モニタの % 単位で設定できます 保存設定を保存します ホットスポットの保存ボタンをクリックした後 左の画面が表示されます アイコンパレットからお好みのアイコンを選択することができます ホットスポットのタイプを選択 リンク URL 設定 を選択します リンク URL 接続先の URL を入力します テロップ ホットスポットアイコンをマウスオンした際に 表示される説明文を入力できます 保存設定を保存します 9 0 panocloud VR by GMO All Rights Reserved

10 テロップ < 説明文表示 > 設定 ホットスポットの保存ボタンをクリックした後 左の画面が表示されます アイコンパレットからお好みのアイコンを選択することができます ホットスポットのタイプを選択 テロップ < 説明文表示 > を選択します テロップホットスポットアイコンをマウスオンした際に表示される説明文を入力できます 保存設定を保存します ホットスポットアイコンの追加 既定のホットスポットアイコンの追加 既定のホットスポットアイコンの画像以外に お好みの画像をアイコンとして設定することができます アイコンアップロード ボタンをクリックして設定したい画像を選択し 開く をクリックすると選択すると新しいアイコン画像が保存されます ( 保存 等のボタンを押さなくても新しいアイコン画像は自動的に保存されます ) 0 0 panocloud VR by GMO All Rights Reserved

11 ホットスポットアイコンの削除 不要なホットスポットアイコンの削除 削除したいホットスポットアイコンを選択します ( 選択された状態になると アイコンが拡大表示されます ) Windows の場合は右クリック Mac の場合は control+ クリック またはトラックパッドを 本指でクリックすると表示される 削除 ボタンをクリックし 確認画面で OK をクリックするとアイコンが削除されます ロゴマーク設定 企業ロゴアップロード掲載するロゴ画像をアップロードできます 青い点線の中に直接画像ファイルをドラッグ & ドロップするか もしくはボタンをクリックして画像を選択してアップロードします 企業ロゴ配置位置の設定企業ロゴの配置位置を設定できます 左上 か 右上 のどちらかにチェックを入れて 保存 をクリックしてください ロゴ表示サイズの設定 ( ドラッグサイズ調整 ) 企業ロゴ ラウンドロゴの表示サイズを下記の A か B の方法で設定できます -A: ピクセル数値指定 横幅 高さ の欄にピクセル単位の数値を入れます -B: ドラッグサイズ調整 縦横比固定 自由設定 のどちらかにチェックを入れると 画像の右下に黒い三角 ( ) が表示されます この三角をマウスでドラッグして表示サイズを変更できます 縦横比固定 を選択すると 縦横の比率を維持したままお好みのサイズに指定できます ( 自由設定 を選択してサイズ調整すると 横幅 高さの欄に自動的に数値が表示されます ) 8 ロゴのリンク先の設定ツアー内のロゴのリンク先を設定できます URL をご入力ください ラウンドロゴアップロード三脚消し用のロゴ画像をアップロードできます 企業ロゴと同じように青い点線内に画像ファイルをドラッグ & ドロップするか アップロードボタンから画像ファイルを選択してください 保存設定を保存します 企業ロゴ削除 ラウンドロゴ削除登録したロゴを削除できます 8 プレビュー現時点での設定内容をプレビューで確認できます 0 panocloud VR by GMO All Rights Reserved

12 マップアップロード ツアー構築マニュアル 画面の案内に沿って操作してください マップアップロード掲載するマップ ( 間取図 ) を下記の A か B の方法でアップロードできます -A: ドラッグ & ドロップ青い点線の中に直接画像ファイルをドラッグ & ドロップで入れるとアップロードできます -B: ボタンをクリックして画像選択 マップアップロード をクリックしてフォルダから画像を選択します 開く ボタンをクリックすると 選択したファイルをアップロードできます 0 panocloud VR by GMO All Rights Reserved

13 マップ設定 ツアー構築マニュアル 画面の案内に沿って操作してください マップ配置位置ツアーの中のマップ表示位置を設定します 左上 右上 のどちらかを選択して 保存 をクリックしてください ボタンデザイン変更ツアーに表示するマップのボタンデザインを変更できます 変更したいボタンをダブルクリックして画像を選択 またはボタン画像の上に新しく設定したい画像をドラッグ & ドロップすると変更できます 既定の に戻す場合は 下の ボタンをデフォルトに戻す をクリックしてください 変更例 ) マップ変更設定したマップ画像を変更する場合は 変更したいマップをダブルクリックして選択するか またはマップ画像の上に新しく設定したい画像をドラッグ & ドロップすると変更できます マップ画像の削除は下の 削除 ボタンをクリックします マップ ( 間取図 ) を選択設定するマップ ( 間取図 ) をクリックして選択します マップとシーンの連携設定 下部に掲載のパノラマサムネイルをドラッグ & ドロップしてマップ上に配置します 配置したパノラマシーンをクリックすると カメラがどの方向を向いているかを示す扇形が表示されます 表示方向の設定パノラマの初期表示方向は 扇形をドラッグして回して設定します 画面表示初期位置カメラのアイコンをクリックし パノラマの表示開始位置を設定できます 8 8 プレビュー をクリックすると設定を保存し ツアーの閲覧を確認できます 0 panocloud VR by GMO All Rights Reserved

14 ホットスポット確認 ツアー構築マニュアル 画面の案内に沿って操作してください ホットスポット確認ホットスポットで設定した各接続を一覧で確認できます 接続内容を確認して編集 削除ができます シーン をクリックして 接続設定画面へリンクします 削除 をクリックして 接続設定内容を削除します 詳細設定確認ツアー内の各種詳細設定を確認できます 0 panocloud VR by GMO All Rights Reserved 0 panocloud VR by GMO All Rights Reserved

15 シーンリンク確認 ツアー構築マニュアル 画面の案内に沿って操作してください 0 panocloud VR by GMO All Rights Reserved リンクを確認 接続されたシーンが矢印の遷移で表示され どのシーンがどことつながっているか一目で確認ができます 確認をする際 クリックしてください 公開 共有設定 公開用 URL が自動生成されます 公開 ボタンをクリックすると コンテンツが自動的に生成され アクセス用の URL が表示されます 各 Web サービスや Facebook ブログなどに埋め込むための iframe URL が自動的に生成されます ページタイトルや 横幅 高さなどの変更ができます お客さまのご利用環境によって 0 度ツアーの生成時間が異なる場合がございます 0 panocloud VR by GMO All Rights Reserved

16 ツアープレイヤー機能説明 PC 版 ツアープレイヤーシーンの集合体を一つのツアーとして再生します シーン選択選択されたシーンをツアープレイヤーに表示します マップ切り替え該当されるマップ 間取図等のシーンを切り替えます コントロールボタン左右上下に動かしたり 画面を拡大縮小することができます レーダーツアープレイヤー上でシーンの向きを表示します VR モード切り替えボタン Oculus VR スマートデバイス VR モードに切り替えます マップ地図 間取図 写真等をシーンと連動します ソーシャルネットワーク共有ボタン Facebook Twitter Line( スマホ版のみ ) を共有します ホットスポットシーンリンク 画像 YouTube テロップ等を表示します フルスクリーン画面モードボタン再生中のツアーをフルスクリーンで表示します シーンタイトル管理画面上で設定したシーンタイトルを表示します コントロールパネル表示 非表示ボタンコントロールパネルを表示 非表示にします コントロールパネルサムネイル 左右上下 拡大縮小 SNS を操作できます 進むボタン再生中のシーンを一つ後に進めます 8 戻るボタン再生中のシーンを一つ前に戻します 8 ラウンドロゴ管理画面上で設定したロゴ ( 三脚消し用 ) を表示します 9 サムネイル表示 非表示ボタン再生中シーンのサムネイルを表示 非表示にします 9 ロゴマーク企業ロゴ 商品ロゴ オリジナル画像を表示します 0 自動回転ボタン選択されたシーンを自動的に回転表示します 0 panocloud VR by GMO All Rights Reserved

17 ツアープレイヤー機能説明 スマートデバイス版 ツアープレイヤーシーンの集合体を一つのツアーとして再生します VR モード切り替えボタン Oculus VR スマートデバイス VR モードに切り替えます マップ切り替え該当されるマップ 間取図等のシーンを切り替えます シーン選択選択されたシーンをツアープレイヤーに表示します レーダーツアープレイヤー上でシーンの向きを表示します ソーシャルネットワーク共有ボタン Facebook Twitter Line( スマホ版のみ ) を共有します マップ地図 間取図 写真等をシーンと連動します コントロールパネル表示 非表示ボタンコントロールパネルを表示 非表示にします ホットスポットシーンリンク 画像 YouTube テロップ等を表示します 進むボタン再生中のシーンを一つ後に進めます シーンタイトル管理画面上で設定したシーンタイトルを表示します ラウンドロゴ管理画面上で設定したロゴ ( 三脚消し用 ) を表示します コントロールパネルサムネイル 左右上下 拡大縮小 SNS を操作できます ロゴマーク企業ロゴ 商品ロゴ オリジナル画像を表示します 8 戻るボタン再生中のシーンを一つ前に戻します 9 サムネイル表示 非表示ボタン再生中シーンのサムネイルを表示 非表示にします 0 ジャイロセンサーボタンスマートデバイスのジャイロセンサーを有効にします 0 panocloud VR by GMO All Rights Reserved

18 ツアープレイヤー機能説明 VR モードスマートデバイス版 画面が縦の場合 VR モード VR モード視点切り替えスマートデバイス画面中央にある + マークを対象アイコンの上にあわせることで次のシーンへ移動できます 画面が横の場合 VR モード 8 0 panocloud VR by GMO All Rights Reserved

19 panocloud VR カスタマーサービスセンター株式会社アジェンシア 0-8 東京都渋谷区桜丘町 - セルリアンタワー サポートポータル : お問い合わせ窓口 ( メール ) support@panocloudvr.com 営業時間 : 月 ~ 金 (0~8 時祝日 年末年始を除く ) 9 0 panocloud VR by GMO All Rights Reserved