操作ガイド

ISIGNWEB 2017 年 9 月 Blissroad, Inc., Japan

目次 目次はじめに 1 コンテンツ作成の素材を選択する 3 コンテンツを作成する 4 テンプレートを利用してコンテンツを作成する 5 テンプレートに設定されたテキストを変更する 6 テンプレートに写真や映像を取り込む 8 作成したコンテンツを番組枠に入れる 15 作成したコンテンツを USB メモリへ配信する 16 動画の音声を設定する USB 有料コースのみ 18 モーションテキストでテロップを作成する USB 有料コースのみ 19 CSV ファイルを取り込んでコンテンツを作成する USB 有料コースのみ 21 番組を保存する USB 有料コースのみ 23 番組をファイルへ配信する USB 有料コースのみ 24 フォルダ編集 USB 有料コースのみ 25 お手持ちの写真や動画素材を登録する USB 有料コースのみ 26 第三者のコンテンツを放映する際は 著作権の確認および許諾等 法令に基づく適切な対応を行ってください 使用したコンテンツにより生じた故障 不具合 またはそれらに基づく損害については 法令上の責任が認められる場合を除き 当社は一切その責任を負いませんので あらかじめご了承ください 本取扱説明書および本ソフトウェアの内容の全部および一部を 当社に無断で転記 あるいは複製することはお断りします 本取扱説明書および本ソフトウェアは 予告なく変更することがあります 画面や操作手順は 一例です 画面の設定 OS のバージョンなどによって内容が異なる場合があります 本書に記載されている会社名や商品名は 各社の商標または登録商標です

はじめに 本書では isignweb を利用してデジタルサイネージ用のコンテンツを作成する操作全般について説明します ISIGNWEB とは isignweb は デジタルサイネージ用のコンテンツ作成 番組編集 番組配信を行うことができるツールです 素材広場からコンテンツ作成に必要な素材を選択できます テンプレートを利用して 簡単にコンテンツを作成できます 静止画にモーションを付けたり テキスト効果をつけることで 動きのあるコンテンツを作成できます また CSV ファイルからデータを読み込んで コンテンツを効率よく作成できます 作成したコンテンツは 番組として保存でき 呼び出して再編集できます 制限事項 USB 有料コース USB 無料コースによって 以下のように制限事項が異なります 制限事項 作成できるコンテンツ数 放映秒数 USB 有料コース USB 無料コース 20 個 10 個 180 秒 90 秒 保存できる番組数 20 個 モーションテキスト フェードイン スライドイン ワイプイン 全面から縮小 湧き出る テロップ コマ送り フェードイン スライド イン ワイプイン 全面から縮小 湧き出る 色指定 フルカラー 色指定 １６色 素材の保存数 CSV 形式のデータ取込件数(１回あたり) アカウント追加(グループ利用) アップロード可能なファイルのサイズ テロップテキスト サウンド ページ 1 100 個 20 個 一時保存 10 件 追加オプションで可 最大 100MB (1 ファイル) 50MB(1 ファイル) 20 個 MP3

CMS ご利用の前に isignweb をご利用になるためのシステム要件は以下のとおりです ブラウザー Internet Explorer Firefox Chrome Edge ios や Android でご利用いただく場合 表示や機能が適切に動作しないことがあります モニター ディスプレイ解像度 1024 x 768 以上を推奨します CSS および JavaScript を有効にしてください メニュー ログイン後の画面上部には 以下のようなメニューバーが表示されます メニューバーをクリックして操作を行います 各メニューの説明は 以下を参照ください メニュー名 説明 素材広場 コンテンツ作成に利用できる素材 テンプレート 写真 イラスト BGM ページ 番組制作 番組の作成 変更や時間割を作成します 写真 映像 サウンドを登録 管理できます タッチ番組制作 タッチパネル用番組を作成 変更できます 本サービスでは利用不可 常駐番組 通常の番組放映から緊急時のテレビ放映への切り替えを行います 本サービスでは利用不可 スケジュール 番組の放映スケジュールを登録 確認できます 本サービスでは利用不可 設定 isignclient アプリケーションの提供 ユーザー情報の変更を行います ログ 放映ログの確認 通信状況 コンテンツ配信状況等を確認できます 本サービスでは利用不可 画面の最下段には 各種お問合せ先や操作マニュアルへのリンクが表示されます よくある質問 isignweb についての 全般的な質問 Q&A を記載しています マニュアル セットアップガイド を参照できます お問い合わせ 操作 障害 ご要望に対するお問い合わせにご利用ください ページ 2

コンテンツ作成の素材を選択する 素材広場 素材広場 には コンテンツ作成に利用できる素材が登録されています テンプレート 写真 イラスト BGM サウンド 各種素材は 随時追加しています 映像 アニメーションは 現在提供していません 素材の選択方法 素材広場 の素材は 番組制作で使うをクリックして選択 ( ) すると 番組制作 画面で利用できるようになります テンプレートを選択する際は 画面上部にあるコンボボックスから 画面対比とタテ 横を指定してください 各種素材 ( 写真 イラスト BGM サウンド ) は 上記と同様に 番組制作で使うで選択して利用します ページ 3

コンテンツを作成する ISIGNWEB でのコンテンツ作成 isignweb では 番組制作 画面で テンプレートを利用してコンテンツを作成できます テンプレートを利用してコンテンツを作成するテンプレートとは コンテンツ ( ページ ) のベースとなるデザインです isignweb では 目的別 業種別に 1,000 種類以上のテンプレートを提供しています テンプレートには 様々な背景や写真枠 文字領域などが予め設定されていますので パソコン操作やデザインが苦手な方でも テンプレートに写真やテキスト文字を入れるだけで簡単にコンテンツが作成いただけます また コンテンツ用の素材が揃えられない場合にもたいへん便利です テンプレートは 目的別 業種別に分類されており フォルダに登録されています 分類されているフォルダに関わらず お好きなものを選んでご利用ください テンプレートの中には フレーム枠だけのものも用意されています 例えば 画面の全面に動画や静止画を放映したい場合には 全面フレームをご利用ください ページ 4

テンプレートを利用してコンテンツを作成する 素材広場から選択したテンプレートを利用して コンテンツを作成します 配信先 ディスプレイのタテ ヨコに応じた配信先 を選択します フォルダには 素材広場で 番組制作で使う をチェック したテンプレートが表示されます テンプレートのサムネイルをクリックするとテンプレートの編集画面が開きます 画面の左側は テンプレートのイメージです 右側は テンプレートに埋め込まれた画像領域やテキスト項目が表示されます 画像領域に写真や動画を入れるには 新規を押します テンプレートに設定されたテキスト項目の容を変更するには 内容欄に文字を入力します テンプレートの任意の場所にテキストを追加するには テキスト編集を押します ページ 5

テンプレートに設定されたテキストを変更する テンプレートに設定されているテキスト項目の内容は 自由に変更できます テンプレートに設定されているテキスト項目の内容 上図のタイトルの内容部分 の文字を変更するには 内容欄を直接書き換えます 初期に内容欄に表示されているテキスト文字列 タイトル は削除してご利用ください テキスト内容を変更した後 デザイン更新を押すと 左側のイメージにテキストが反映します テキスト配置 テキストの内容部分に文字を入れていくと 文字数が多くてはみ出したり 逆に文字数が少ないために全体と してバランスが悪いことがあります そのような場合には テンプレートに設定されたテキストの右側に表示されて いるコンボボックスの値を変更すると テキストの表示位置を調整できます 画面右側の文字配置のコンボボックス 中フィル など の項目と動作を説明します 設定値 中 右 左 上 下 中フィル 右フィル ページ 6 説 明 文字列を中央揃えで配置します 文字数が多い場合には 文字領域からはみ出します 文字列を右揃えで配置します 文字数が多い場合には 文字領域からはみ出します 文字列を左揃えで配置します 文字数が多い場合には 文字領域からはみ出します 文字列を上揃えで配置します 文字数が多い場合には 文字領域からはみ出します 文字列を下揃えで配置します 文字数が多い場合には 文字領域からはみ出します 文字を中央揃えで配置します 文字数が多い場合には 文字の横幅 縦幅を調整し 領域内に収めます 文字列を右揃えで配置します 文字数が多い場合には 文字の横幅を調整し 領域内に収めます

左フィル上フィル下フィルフィル 文字列を左揃えで配置します 文字数が多い場合には 文字の横幅を調整し 領域内に収めます 文字列を上揃えで配置します 文字数が多い場合には 文字の縦幅を調整し 領域内に収めます 文字列を下揃えで配置します 文字数が多い場合には 文字の縦幅を調整し 領域内に収めます 文字数に関わらず 文字の横幅もしくは縦幅を自動調整し 文字領域のサイズにピッタリ収まるように拡大縮小します 横文字では 上 下 上フィル 下フィルは表示されません 縦文字では 右 左 右フィル 左フィルは表示されません テキストの配置を変更しても 効果が出にくい場合もあります ページ 7

テンプレートに写真や映像を取り込む テンプレートの画像領域には お手持ちの写真や映像を入れることができます テンプレートに写真を取り込む テンプレートの画像領域に静止画(写真やイラスト)を取り込むには 編集画面で新規を押します 以下のような画面が表示されたら isignclient 経由で取り込む を押します isignclient File Uploader が起動します を押して パソコンのフォルダから取り込む 動画ファイルを指定し アップロード を押してください 取り込める静止画 写真やイラスト のファイル拡張子は以下の通りです 静止画 ページ 8 BMP JPEG PNG GIF TIFF

アップロードが完了すると 以下のような位置調整画面が表示されます 四隅に表示されているマーク でトリミング領域を調整します ご利用のブラウザーによっては が右下にしか表示されない場合もあります 取り込んだ写真が枠から写真がはみ出した場合は 右端にある を押して 取込比率を変更してください 長辺 を選ぶと 画像枠の長辺に合わせます ページ 9 決定を押すと テンプレートに画像が取り込まれた状態でコンテンツ編集画面に戻ります

テンプレートに動画を取り込む テンプレートの画像変数に お手持ちの動画 映像 を取り込むことができます 素材広場のテンプレートで 静止画のみ対応 モーション動画不可 の表示があるテンプレートは 動画を取り込むことはできません 編集画面で新規を押して お手持ちの動画を取り込みます テンプレートの画像領域に写真や映像を取り込むには 編集画面で新規を押します 以下のような画面が表示されたら isignclient 経由で取り込む を押します isignclient File Uploader が起動します を押して パソコンのフォルダから取り込むファイル を指定し アップロード を押してください 取り込める動画ファイルの拡張子は以下の通りです 動画 ページ 10 AVI WMV MP4 MPEG MOV

アップロードされた動画のスタート画面と放映時間が表示されます 確認したら 決定 を押します 以前アップロードした写真や映像を使用する 過去にテンプレートに取り込んだ写真や映像は 再利用することができます テンプレートの画像枠に写真や映像を取り込むには 編集画面で新規を押します 写真 映像 フォルダの 最近アップロードした素材 ページを開き 利用したい素材をクリックして 選択 し 決定を押します ページ 11

取り込んだ静止画にモーションを付ける 静止画にモーション 動き をつけるには モーション のプルダウンから動作を選択します 以下はモーションから 上 下 を指定した例です スタート位置からストップ位置まで 静止画の 上から下に向かって動きます プルダウンから カスタム設定 を選択すると お好きな位置 サイズで領域を設定できます 上記では 動画の時間を 15 秒に指定しています モーションが動作するまでの秒数を指定することも可能です 最初に何秒静止してから動き出すか 最 後に何秒静止させるかを指定可能 を押すと その他の設定ができます モーションの開始 終了を指定したり 縦横の比率保持を変更した り 色効果において モノクロ 標準 を選ぶと モノクロからカラーに色彩を変化させたりできます フレームレートの変更も可能です 設定したら 決定を押してください ページ 12

モーションテキストを追加する モーションテキストは テンプレートの任意の場所に 好みのフォントで表示させることができます 流れるように表示したり 湧き出たり 点滅したり 様々な動作をテキストに付加できます モーションテキストを追加するには 編集画面のテキスト項目の下にあるテキスト編集を押します 以下のようなテキスト編集画面が表示されます 画面左側のテンプレート上に表示された半透明の領域がテキスト領域です マウスでドラッグしてテンプレート内の好きな場所に移動できます 領域の大きさを変更するには 四隅の の 1 つをドラッグして動かします ご利用のブラウザーによっては が右下にしか表示されない場合もあります 設定が終わったらデザイン更新を押すと反映します 別のテキストを追加するには 追加を押します 上記と同様に設定します すべての設定が終わったら 編集に戻る をクリックしてください モーションテキストの編集項目は 以下を参照ください 項目 属性 ページ 13 説 明 文字 テキストを入力します 大中小 文字の大きさを大中小から指定します 時間 テキストを表示する開始時間と終了時間 フォント 楷書調 毛筆調 ゴシック調など様々なフォントをご利用いただけます

配置文字色フチ色背景色効果左効果中効果右 右寄せ 中央寄せ 左寄せなどを指定します文字の色を指定できます 透過も選択可能です文字の周囲の色を指定できます透過も選択可能です背景色を透明 または 任意の色に指定できますテキストの開始方法などを指定しますブリンク ( 点滅 ) を指定しますテキストの終了方法を指定します ページ 14

作成したコンテンツを番組枠に入れる 作成したコンテンツは 番組 ( プレイリスト ) として名称を付けて保存でき 再利用できます 編集が完了したら コンテンツの表示秒数を確認し コンテンツ名称を指定します 番組に入れるを押すと 編集画面が閉じて コンテンツは画面の右側にある番組枠に入ります ページ 15

作成したコンテンツを USB メモリへ配信する 番組枠は コンテンツの一時保存領域です 配信準備ボタンの下に 合計の放映秒数が表示されます 番組枠内に表示されているコンテンツのサムネイルをクリックすると 編集画面が開き 再編集できます コンテンツの放映順序は 番組枠の右側にある で変更できます 番組枠に入っているコンテンツで不要なものは X で削除してください 番組枠全体を消去するには クリア を押します 番組枠を消去 番組枠からコンテンツを削除 順序入れ替え コンテンツプレビュー 配信準備を押すと 配信ファイルの作成が開始され レンダリングと表示されます 配信ファイルの作成が完了すると 配信ボタンが表示されます ページ 16

配信を押すと 以下のような画面が表示されます 経由パソコンに 現在お使いのパソコンが指定されていることを確認して 配信をクリックしてください 以下の画面に変わります USB メモリをパソコンの USB ポートに挿入すると USB メモリへの書き込みが開始します USB メモリへの書き込みが終了したら USB メモリを抜いて ディスプレイ背面の USB ポートに挿入してください 放映が開始します ディスプレイ背面の USB ポートに挿入しても番組が放映しない場合には 操作ガイド の ディスプレイのリモコン設定 を確認してください ページ 17

動画の音声を設定する USB 有料コースのみ 音声付きの動画の場合は 音量 100%で取り込みます 音声なし動画は 0%です 動画ファイルの取込時に音量を選択できます 決定を押すと 編集画面に戻ります 編集画面に戻ると 下図のように動画のスタート画面が表示されます 音声付き動画の場合には サウンドマーク が表示されます BGM を指定した場合に コンテンツのサウンドと混ざって聞き取りにくいことがあります そのような場合 には どちらかの音量を消す オフにする とよいでしょう 下方にある BGM チェックをオフにすると BGM 音量が 0 オフ になります ページ 18 設定を完了したら 番組に入れる を押してください

モーションテキストでテロップを作成する USB 有料コースのみ テキスト編集機能を利用して テロップを指定できます 流したいテキスト文字列を入力します テロップ表示秒数を指定します テロップに利用したいフォントや文字色をプルダウンから選択します 効果において テロップ 速 テロップ テロップ 遅 のいずれかを選択します 右側プルダウンに 1 回 と表示されます 繰り返し を選択すれば 放映中 繰り返し流されます 設定した後 必ずデザイン更新を押してください さらにテロップを追加する場合は 追加を押してください テキスト編集が終わったら 編集に戻る を押して コンテンツ編集画面に戻ります ページ 19

設定項目の詳細は 以下を参照ください 項目 属性 説 明 文字 テキストを入力します 大中小 文字の大きさを大中小から指定します 時間 テキストを表示する開始時間と終了時間 フォント 楷書調 毛筆調 ゴシック調など様々なフォントがあります 配置 右寄せ 中央寄せ 左寄せなどを指定します テロップを指定時の配置は常に 左 です 文字色 文字の色をフルカラーで指定できます 透過も選択可能です フチ色 文字の周囲の色をフルカラーで指定できます透過も選択可能です 背景色 背景色を透明 または 任意の色に指定できます 透過も選択可能です 効果左 テキストの開始方法 または テロップの種類を指定します 効果中 ブリンク ( 点滅 ) やテロップのコマ送りを指定します 効果右 テキストの終了方法とテロップの繰り返しを指定します ページ 20

CSV ファイルを取り込んでコンテンツを作成する USB 有料コースのみ CSV ファイル取込機能で 会議案内や催事案内など 毎日変わるコンテンツの作成を効率よくおこなえます 項目出力を押して テンプレートの変数項目の名称を CSV ファイルに取り出します ダウンロードした CSV ファイルを Excel で開いて 項目内容を埋めます 完成した CSV ファイルを取り込むと その件数分のコンテンツが作成されます 項目出力 項目出力を押すと 以下のようなポップアップが表示されます 縦データで項目を作成するか 横データで項目を作成するかを指定した後 出力するを押します EXCEL でデータ作成 縦データを指定して生成した場合は EXCEL シートの A 行に項目名が出力されます 一件目のデータは B 行になります その次は C 行です 一度に最大 10 件まで登録できます 以下は 3 件のデータを EXCEL で入力した例です データ入力が終わったら EXCEL データを CSV ファイル形式で保存します ページ 21

CSV ファイル取り込み CSV ファイルが準備できたら 編集画面の右上に表示されている データ取込を押します 以下のようなポップアップが表示されます 参照...を押して データファイルに CSV ファイルを指定し 取り込み開始を押します 取り込みが完了すると 画面右上に 取込んだデータ件数と データ移動ポインターが表示されます 1 件目に取り込んだデータがテンプレートに反映されて表示されます データ確認や修正が完了したら わかりやすい名前をつけて 番組に入れるを押します データ移動ポインターで取込んだすべてのデータを１件ずつ確認し 番組に入れていきます すべての取込データを番組に入れ 一覧に戻る を押すと 番組枠に作成されたコンテンツが表示されます 1 件目の取込データ 2 件目の取込データ 3 件目の取込データ ページ 22

番組を保存する USB 有料コースのみ 番組枠にある編集済みコンテンツは 名前付けて番組 プレイリスト として保存できます 保存した番組は 呼び出して再編集できます 保存を押して 保存先フォルダと番組名を指定し 保存する を押してください 保存した番組を再編集する 保存した番組は 番組制作ページの 番組 に保存されます 編集したい番組を選択すると 画面の中央部分に表示されます 番組の編集をクリックすると 番組のコンテンツが右側の番組枠に展開されます 特定のコンテンツだけを番組枠に追加するには 中央に表示された番組コンテンツの右側にある番組枠へ 追加を押します ページ 23

番組をファイルへ配信する USB 有料コースのみ USB 有料コースにおいては USB 配信に加えてファイルダウンロード ( ファイルへの出力 ) ができます USB メモリへの配信は 18 ページの 作成したコンテンツを USB メモリへ配信する を参照ください 番組枠から配信を押します ファイルダウンロードを選択して 配信を押します 配保存先を指定してダウンロードするを押します 指定したフォルダに番組ファイルがダウンロードされます ページ 24

フォルダ編集 USB 有料コースのみ 専用フォルダを作成して 番組 写真 映像 サウンドなどの素材を整理して管理できます 各ページのフォルダ編集を押します フォルダを追加するには フォルダ名を入力し 追加 を押します フォルダの表示順序を変更するには 上下の矢印ボタン で指定します ページ 25

お手持ちの写真や動画素材を登録する USB 有料コースのみ お手持ちの静止画 動画 サウンドをアップロードして 素材ファイルを管理できます 静止画 動画を登録するには 番組制作 の 写真 映像 フォルダを開きます サウンドを登録するには 番組制作 の BGM サウンド フォルダを開きます 写真 映像 や サウンド にある各フォルダ上部の追加を押します isignclient 経由で取り込むを押してと 以下のような画面がポップアップします を押すとパソコンのフォルダが開きます 素材登録したいファイルを指定してください アップロードを押すと 素材がアップロードされます 各ファイルは アップロードした後 わかりやすい名称をつけてフォルダに保存してください ブラウザーからアップロードできるファイル拡張子は以下の通りです 静止画 動画 サウンド BMP JPEG PNG GIF TIFF AVI WMV MP4 MPEG MOV MP3 ページ 26

連絡先情報 トラブルやご質問は メールおよびサイトのお問合せフォームから受け付けております メールでのご連絡は 以下宛にお願いいたします support@blissroad.co.jp 会社情報 株式会社ブリスロード 113-0034 東京都文京区湯島３ １３ ３ 電話 03-3837-3050 Fax 020-4666-0230 http://www.blissroad.co.jp/ ページ 27