1 YouFrame Editor アプリの概要 YouFrame 運用クイックガイド 2014.5.28 本書では YouFrame Editor アプリの概要および運用の手順を簡単にご説明いたします YouFrame 設置クイックガイド の後にご覧ください 1-1
1 YouFrame Editor アプリの概要 内容 1 YouFrame Editor アプリの概要...1-3 2 YouFrame Editor アプリの構成...2-4 2.1 最初の設定... 2-5 2.1.1 YouFrame Editor アプリを日本語表記にするには... 2-5 2.2 新規スライド (New Slide)... 2-6 2.2.1 変更したいエリアの選択... 2-7 2.2.2 スライド内の枠に素材を埋め込む... 2-7 2.2.3 スライド内で編集する枠を移動する... 2-8 2.2.4 利用できるテンプレートや素材について... 2-8 2.2.5 動画を入れたいときは... 2-8 2.2.6 動画ファイルの格納方法... 2-9 2.2.7 動画ファイルの対応形式 容量について... 2-9 2.3 スライドマネージャー (Slide Manager)... 2-9 2.3.1 大量の画像コンテンツを PC で差し替える方法... 2-11 2.4 プレイリストマネージャー (Playlist Manager)... 2-11 2.5 スケジュールマネージャー (Schedule Manager)... 2-12 2.6 スマートフォンの時計を元にして日付 時刻を合わせる... 2-12 2.7 YouFrame が複数台接続されている場合の切替... 2-12 3 本体側の再生設定...3-12 3.1 YouFrame 本体設定画面にする... 3-12 3.2 自動再生の設定... 3-12 4 本体電源の ON OFF...4-12 4.1 AC アダプタをコンセントに挿したとき... 4-12 4.2 電源を切りたいとき... 4-12 4.3 電源を再度入れるとき ( 再起動 )... 4-12 1-2
1 YouFrame Editor アプリの概要 1 YouFrame Editor アプリの概要 YouFrame Editor は デジタルサイネージ YouFrame 上映に必要な映像コンテンツを手軽に作成 上映プログラム設定まで一貫して行うことのできる スマートフォンアプリ ( 無料 ) です YouFrame 本体ではなく お手持ちの Android スマートフォン ( または Android タブレット ) にインストールして利用します + YouFrame 本体 YouFrame Editor アプリをインストールしたスマートフォン 本書では YouFrame Editor アプリを使って YouFrame デジタルサイネージ用の映像コンテンツを作成し運用する方法について 簡単にご説明します YouFrame を初めて利用するときの接続 設定およびアプリのインストール方法については 別添の YouFrame 設置クイックガイド をご覧ください なお YouFrame 設置クイックガイド もそうでしたが USB メモリと SD カードの利用目的は同じです YouFrame 上級グレード版は 本書で USB メモリ と記載されている部分を SD カード と読み替えてお使いください 1-3
2 YouFrame Editor アプリの構成 アプリ起動時の画面 YouFrame Editor アプリは 誰にも直感的にわかりやすい 4 部構成となっています 1 新規スライド (New Slide) 上映に必要なコンテンツ ( 静止画や それを収める枠組み = スライド ) を作成 編集します 2 スライドマネージャー (Slide Manager) スライドを YouFrame 本体にアップロードします ( すでに本体にスライドをアップロード済みの場合 逆にダウンロードすることもできます ) 3 プレイリストマネージャー (Playlist Manager) スライドの上映順を決める プレイリストを登録 編集します 4 スケジュールマネージャー (Schedule Manager) プレイリストを選び 上映したい曜日 時間帯カレンダー ( スケジュール ) に当てはめます これらのメニューを順にタップして コンテンツを作成 設定していきます 最後の スケジュールマネージャー の作業が済むと すぐ上映ができます まずは YouFrame1 台と Android スマートフォンを WiFi 接続するという単体接続の場合を基本として どのように運用していくのか YouFrame Editor 起動時の画面から見ていきましょう WiFi 接続 Smartphone, YouFrame 2-4
2.1 最初の設定 スマートフォンにインストールした YouFrame Editor アイコンをタップして起動してください 起動後の画面です ( 日本語表記の場合 ) インストール環境によっては英語表記になっている場合があります その場合は 以下の手順で簡単に変更できます 2.1.1 YouFrame Editor アプリを日本語表記にするには 画面右上にある ギアのアイコンをタップして 言語を日本語に変更します 2-5
Language( 言語 )> 日本語を選びます 日本語表記になりました 2.2 新規スライド (New Slide) スライドは このようなひな形 ( テンプレート ) の中から選んで作成します タイトル下に ( ステップ ) と書かれているステップ数とは 1 つのスライドに含まれている枠の数です ひな形の中に画像を埋め込める枠があり そこに静止画や動画を埋め込んでいくことでスライドを作成します 2-6
2.2.1 変更したいエリアの選択 編集エリアの選択 再生ボタン > ボタンをタップすると編集ができるエリアが変更されます また YouFrame 本体と接続していれば 再生ボタンをタップし編集中のスライドの確認が行えます 2.2.2 スライド内の枠に素材を埋め込む 静止画 ( 枠によっては動画やテキスト ) 埋め込み対象のところが 明るくハイライトになっています このハイライト部分をタップすると 埋め込む画像等を選ぶ画面になります さらに画像をタップして 1 枚目の素材を選んでください 追加 : + 削除 : ごみ箱 タッフ して素材を選ぶ テロップを加える 1 つの枠に少なくとも 1 つの画像を埋め込んでいきます + ボタンで画像を追加すると 1 つの枠 に複数の画像を埋め込み 紙芝居のように順次再生することができます 文字 のところで テロップも追加できます これらの素材をを削除したいときは 右上にある ごみ箱 アイコンで削除できます 2-7
2.2.3 スライド内で編集する枠を移動する 1 つのスライドの中には いくつも画像を埋め込める枠があります 次の枠に進むには 右矢印 > ボタンをタップして 1 か所 (1 ステップ ) ずつ埋めていきます 1 つ前の枠に戻るときは 左矢印 < ボタンをタップします 他の枠に行きたいときは < > ボタンをタップするとバーが現れ スライドすると素早く他の枠に 移動できます 静止画用テンプレートで無地を選んだ場合は フルスクリーン画像 1 枚を埋めるだけ (1 ステップ ) で完成となります 2.2.4 利用できるテンプレートや素材について 無地のテンプレートもあります 上映したい画像を 1 枚絵として 1920 1080 ドットのビットマップ静止画を作成し その画像を無地のテンプレートに埋めることで 完全オリジナルフレームのスライドを作成できます 入れることができる画像は お手持ちの Android の中に保存されている jpg や png 画像です (gif アニメは非対応です なお 透明部分がある画像は png にしてください ) Android の SD カードやクラウドアプリ (DropBox など ) を使って 素材画像をあらかじめ入れておくと便利です また スマートフォン内臓カメラで撮影してその画像を使うこともできます 2.2.5 動画を入れたいときは 動画対応のテンプレート ( このような 再生フレームを含むテンプレート ) の中からお選びください 2-8
動画対応テンプレートは 動画再生フレームが含まれています この例では 右上の青い部分が動画で その周囲が静止画です それぞれのフレームをタップして動画 静止画を当てはめていきます 動画用テンプレートにも無地のもの (= フルスクリーン動画用 ) があります 動画再生専用スライドを作成するときにご利用ください 2.2.6 動画ファイルの格納方法 動画ファイルは YouFrame 本体の USB メモリ ( 動画格納用フォルダ ) に mp4 ファイルをあらかじめ入れておくことで選択できるようになります 動画ファイルは容量が大きく PC で作成することが多いので 以下のように直接 USB メモリに保存する方法をお奨めします USB メモリ ( 本体付属 4GB) 動画格納用フォルダは YouFrame 本体に挿した USB メモリの以下のフォルダです /Youframe/video 動画データを格納するには YouFram 本体の電源を切って USB メモリを抜き それを PC に挿して直接コピーしてください または スマートフォンで撮影した動画ファイルなどを使いたい時は この後ご説明する スライドマネージャー で YouFrame ハードウェアにアップロードしても 上記フォルダに保存されます 2.2.7 動画ファイルの対応形式 容量について 動画形式は mp4 の他 wmv なども扱えますが 安定性の面で mp4 形式に統一しておくことをお奨めします フリーの動画変換ソフト (XMedia Recode など ) を利用すると 短時間で変換でき便利です 動画ファイルの大きさに制限はなく USB メモリの容量に依存します 容量が不足する場合は 市販の大容量 USB メモリをお求めのうえ YouFrame 本体付属の USB メモリとお取替えください 交換して一度起動するだけで 特に設定など必要なくそのままお使いいただけます 市販 USB メモリに交換可能 2.3 スライドマネージャー (Slide Manager) スライドマネージャーは 作成したスライドを YouFrame 本体に転送 ( アップロード ) したり その逆に本体からダウンロードしたりするためのメニューです 2-9
最初は デバイス選択 画面になります スマートフォン YouFrame ハードウェア それぞれアイコンを選択してタップすると その中に保存されているスライド等のアイコンが表示されます アップロードしたいときはスマートフォン ( その逆に本体からダウンロードしたいときは YouFrame ハードウェア ) を選びます 通常はアップロードが主になりますので スマートフォン をタップして選びましょう スライドをチェック アップロード開始 つぎに アップロードしたいスライドの右角をチェックして選択していきます ひととおり選び終わったら 最後に右上にあるアップロードアイコンをタップしてアップロードします アップロード先は 現在接続中の YouFrame ハードウェアとなります アップロードを開始すると このような画面で進捗をお知らせします なお YouFrame 本体に接続していないとエラーになりますので あらかじめ WiFi 接続で YouFrame に接続しておいてください 2-10
2.3.1 大量の画像コンテンツを PC で差し替える方法 YouFrame Editor の最初のステップ 新規スライド は 1 枚のスライド中に複数の画像を埋め込んだ レイアウトを作るためのものでした 手軽に凝ったコンテンツが作成できる反面 PC でフルスクリーン画像のコンテンツを作れる方にとっては かえって不便に感じられることもあるでしょう そこで YouFrame Editor の 1 新規スライド 2 スライドマネージャー のステップを飛ばして 動画ファイルと同様に PC で USB メモリに直接ファイルを保存する方法があります この後ご説明する プレイリストマネージャー では スライドだけでなく USB メモリに直接保存された画像ファイル (1920 1080 ドットのビットマップ画像 ) も選択可能です USB メモリに直接書込 PC( パソコン ) YouFrame 静止画格納用フォルダは YouFrame 本体に挿した USB メモリの以下のフォルダです /Youframe/Image YouFram 本体の電源を切って USB メモリを抜き それを PC に挿して直接コピーしてください 2.4 プレイリストマネージャー (Playlist Manager) スライドなどの YouFrame 本体へのアップロードができたら いよいよプレイリストの作成です これは これまで作成したスライド ( またはフルスクリーン画像 ) を どのような順序で上映するかというリストを作成するものです 上映したいものがスライド 1 つだけの場合も プレイリストが作成されていないと上映スケジュールを登録できませんので プレイリストは必ず作成してください 1 新規にプレイリストを作成する 最初はこの画面です 最初はプレイリストが何もありません 新規プレイリストを作成するため 右上の + アイコンをタップします すると YouFrame 本体 USB メモリに保存されたスライド 静止画や 動画素材が選択できる画面になります スライドを選択 で YouFrame 本体にアップロードしたスライドや あるいは USB メモリに直接保存した動画 静止画ファイルを カテゴリ (Slide, Image, Video) の中から上映したい順にタップしていってください 2-11
必要なスライドを一通り選択して 最初の階層まで戻ると プレイリストの保存ができます プレイリスト名をつけて保存します 他のプレイリストと識別できるような適当な名前 ( なるべく短い方が良い ) をつけてください 2 プレイリストを再編集する 保存済みのプレイリストを再編集したいときは プレイリスト一覧から選んでタップしてください 2-12
スライト の表示時間 各スライド表示時間は初期値で各 1 分になっていますので 適宜変更してください 編集後は 右上のディスクアイコンで保存してください 保存するときプレイリスト名を訊いてきます 同名であれば上書き 別名をつければ別のプレイリストとして保存されます 保存したプレイリストは 現在接続されている YouFrame 本体に直接保存されています 表示時間の一括変更 画面右上にある 表示時間の一括変更 アイコンで 全スライド 秒ずつ という設定もできます 動画の場合は 動画の再生時間に合わせるか 制限時間を設けて連続再生するかなど さらに細かく設定できます 3 プレイリストを削除する +: 新規フ レイリスト作成 ヘ ン : 削除メニューへ 右上のペンアイコンは 削除メニューに入るアイコンです 2-13
プレイリストの削除メニュー プレイリスト左横にチェックして ごみ箱 アイコンをタップすると 不要なプレイリストを削除できます 2.5 スケジュールマネージャー (Schedule Manager) YouFrameEditor から スケジュールマネージャー を選択すると 現在接続中の YouFrame 本体のスケジュール情報が読み込まれます 左側には保存されているプレイリストが 右側にはカレンダーが表示されます 上映したいプレイリストをタップして カレンダー内の上映希望時間帯 ( 横軸が曜日 縦軸が時間帯 ) をタップすると その部分が上映したいプレイリストで埋まります 全部チェック スケシ ュールを保存 画面右上にある 全部チェック アイコンをタップすると 選択したプレイリストが全部の時間帯で埋め尽くされます 特に曜日や時間帯を指定しない場合は このアイコンが便利です 2-14
最後に 確定するために右上角のディスクアイコンをタップして 保存してください 保存するまでは 上映スケジュールに反映されません スケジュールを間違えて選択してしまった場合は 保存する前であれば 1 つ前の階層メニューに戻れば 編集前の状態からやり直せます 接続中の YouFrame 本体の設定は これで完了です 2.6 スマートフォンの時計を元にして日付 時刻を合わせる カレンダー通りに上映するため YouFrame 本体の日付 時刻をスマートフォンに合わせましょう まず アプリの初画面の右上にある ギアのアイコンをタップします システム時刻 の項目 (YouFrame 本体の日時です スマートフォン側の日時と合っていないときは赤字で表示されます ) をタップすると 瞬時に日付 時刻合わせが完了します 2-15
2.7 YouFrame が複数台接続されている場合の切替 これまでは YouFrame 本体と Android スマートフォンが 1 対 1 で WiFi 接続されていることを前提にご説明してきました YouFrame 設置クイックガイド で触れたように YouFrame が複数台ある場合は ルーターを経由してローカルエリアネットワークに複数の YouFrame をまとめて接続することができます この場合はスマートフォンは ルーターの無線アクセスポイントに WiFi 接続します アップロード WiFi 接続 Smartphone, アプリで どの YouFrame に接続するか選択できる YouFrame Router YouFrame そして YouFrame Editor アプリで どの YouFrame ハードウェアに接続するかを選択できます その方法をご説明いたします アプリの初画面右上の ギアのアイコン ( 設定 ) をタップします YouFrame ハードウェアの接続 をタップすると 現在ローカルエリアネットワークに接続している YouFrame の一覧が表示されます タップするとそこに接続が切替わります 2-16
3 本体側の再生設定 3 本体側の再生設定 スマートフォンでコンテンツをアップしスケジュールを反映しましたので あとは上映を開始するだけです YouFrame 本体の自動再生設定が ON になっていれば 電源を入れるだけで自動再生を開始します しかし購入時はそのような設定になっていない場合がありますので 設定方法をご説明いたします 3.1 YouFrame 本体設定画面にする モニターの電源を入れ YouFrame 本体の AC アダプターの電源を入れてください YouFrame の USB ソケット ( 空いている方 ) に USB マウスを接続してください YouFrame 起動時の画面です クリックすると YouFrame ヒ ューア 画面に移動します 画面左側の YouFrame Viewer アイコンをクリックしてください ( 右側の 設定 は Android OS の設定用のため ここでは使いません ) 最初はこのような YouFrame 本体設定画面になります 画面右下の Play をクリックすると再生を開始しますが 設定をするときはクリックしないでください 再生が開始されてしまった場合は 本体接続したマウスで 右クリック すると この画面に戻ります 3-17
3 本体側の再生設定 3.2 自動再生の設定 最初は デバイスの設定 タブになっています 画面上部にあるタブをクリックして 画面を切り替えられます コンテンツ タブをクリックし 左上の スケジュール自動再生 をクリックしてチェックを入れておくと YouFrame 通電後しばらくすると自動再生するようになります 設定保存ボタンはありません チェックをつけたり外したりするたびに 設定は自動保存されます 再生中 マウスカーソルは自然に消えますが マウスを少し動かすと再びカーソルが現れます マウスカーソルを画面から完全に消しておきたいときは マウスを本体から外しておいてください 3-18
4 本体電源の ON OFF 4 本体電源の ON OFF YouFrame 本体は オンメモリで駆動し AC アダプターを抜いて電源を切っても大丈夫な設計になっていますが より安全にご使用いただくために本体に電源スイッチがあります 本項では スタンダード版の電源スイッチについて使い方をご説明いたします ( 上級グレード版ではランプの色が異なりますが スイッチの使い方は同じです ) 電源スイッチ POWER ランプ ( 緑色 :ON 赤色 :OFF) 4.1 AC アダプタをコンセントに挿したとき 自動的に YouFrame の電源が入り POWER ランプは緑色になります 本体 OS が起動完了し アプリ選択画面 ( またはビューア画面 設定画面 ) になるまで ( 約 1 分間 ) お待ちください 4.2 電源を切りたいとき 本体 OS が起動完了している場合電源スイッチを軽く 1 度押して離すと すぐ電源が切れます 電源が切れると POWER ランプは赤色になります 本体 OS が起動途中の場合電源スイッチを軽く 1 度押して数秒待っても POWER ランプが緑色の場合は OS が起動途中のため電源が切れません 1 分ぐらい待ってから再度 電源スイッチを軽く 1 度押すと電源が切れます 急ぐ場合は 電源スイッチを長押し (10 秒ぐらい ) して離すと 強制終了してすぐ電源が切れます 電源が切れると POWER ランプは赤色になります 4.3 電源を再度入れるとき ( 再起動 ) POWER ランプが赤色のときは 電源が切れている状態です この状態から電源スイッチを軽く 1 度押すと POWER ランプは緑色になり OS が起動します なお 本体電源が完全に切れてシャットダウンしている状態 ( 電源スイッチを長押しして終了した時 または AC アダプタを抜いた場合 ) から再度電源を入れると OS が再起動します 4-19