コンテンツ作成ガイド
ISIGNWEB
２０１７年９月
目次
目次はじめに __________________________________________________________________________________________________ 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 個 ― モーションテキスト フェードイン、スライドイン、 ワイプイン、全面から縮小、 湧き出る、テロップ、コマ送り 色指定：フルカラー フェードイン、スライド イン、ワイプイン、 全面から縮小、湧き出る 色指定：１６色 素材の保存数 100 個 20 個（一時保存） CSV 形式のデータ取込件数(１回あたり) 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）を記載しています ・マニュアル： 「セットアップガイド」、「コンテンツ作成ガイド」を参照できます。 ・お問い合わせ： 操作、障害、ご要望に対するお問い合わせにご利用ください。コンテンツ作成ガイド
コンテンツ作成の素材を選択する
素材広場
「素材広場」には、コンテンツ作成に利用できる素材が登録されています。 • テンプレート • 写真・イラスト • BGM サウンド ※各種素材は、随時追加しています。 ※映像・アニメーションは、現在提供していません。素材の選択方法
「素材広場」の素材は、□番組制作で使う をクリックして選択（☑）すると、「番組制作」画面で利用できるように なります。 テンプレートを選択する際は、画面上部にあるコンボボックスから、画面対比とタテ・横を指定してください。 ※各種素材（写真・イラスト、BGM サウンド）は、上記と同様に □番組制作で使う で選択して利用します。コンテンツ作成ガイド
コンテンツを作成する
ISIGNWEB でのコンテンツ作成
iSignWeb では、「番組制作」画面で、テンプレートを利用してコンテンツを作成できます。 テンプレートを利用してコンテンツを作成する テンプレートとは、コンテンツ（ページ）のベースとなるデザインです。 iSignWeb では、目的別、業種別に 1,000 種類以上のテンプレートを提供しています。 テンプレートには、様々な背景や写真枠、文字領域などが予め設定されていますので、 パソコン操作やデザインが苦手な方でも、テンプレートに写真やテキスト文字を入れるだけで 簡単にコンテンツが作成いただけます。また、コンテンツ用の素材が揃えられない場合にもたいへん 便利です。 テンプレートは、目的別、業種別に分類されており、フォルダに登録されています。 分類されているフォルダに関わらず、お好きなものを選んでご利用ください。 テンプレートの中には、フレーム枠だけのものも用意されています。例えば、画面の全面に 動画や静止画を放映したい場合には、全面フレームをご利用ください。コンテンツ作成ガイド
テンプレートを利用してコンテンツを作成する
素材広場から選択したテンプレートを利用して、コンテンツを作成します。 配信先（ディスプレイのタテ・ヨコに応じた配信先）を選択します。 フォルダには、素材広場で 番組制作で使う をチェック（）したテンプレートが表示されます。 テンプレートのサムネイルをクリックするとテンプレートの編集画面が開きます。 画面の左側は、テンプレートのイメージです。 右側は、テンプレートに埋め込まれた画像領域やテキスト項目が表示されます。 画像領域に写真や動画を入れるには、新規を押します。 テンプレートに設定されたテキスト項目の容を変更するには、内容欄に文字を入力します。 テンプレートの任意の場所にテキストを追加するには、テキスト編集を押します。コンテンツ作成ガイド
テンプレートに設定されたテキストを変更する
テンプレートに設定されているテキスト項目の内容は、自由に変更できます。 テンプレートに設定されているテキスト項目の内容（上図のタイトルの内容部分）の文字を変更するには、 内容欄を直接書き換えます。 初期に内容欄に表示されているテキスト文字列（タイトル＊＊＊＊）は削除してご利用ください。 テキスト内容を変更した後、デザイン更新を押すと、左側のイメージにテキストが反映します。 テキスト配置 テキストの内容部分に文字を入れていくと、文字数が多くてはみ出したり、逆に文字数が少ないために全体と してバランスが悪いことがあります。そのような場合には、テンプレートに設定されたテキストの右側に表示されて いるコンボボックスの値を変更すると、テキストの表示位置を調整できます。 画面右側の文字配置のコンボボックス（中フィル など）の項目と動作を説明します。 設定値 説 明 中 文字列を中央揃えで配置します。 文字数が多い場合には、文字領域からはみ出します。 右 文字列を右揃えで配置します。 文字数が多い場合には、文字領域からはみ出します。 左 文字列を左揃えで配置します。 文字数が多い場合には、文字領域からはみ出します。 上 文字列を上揃えで配置します。 文字数が多い場合には、文字領域からはみ出します。 下 文字列を下揃えで配置します。 文字数が多い場合には、文字領域からはみ出します。 中フィル 文字を中央揃えで配置します。 文字数が多い場合には、文字の横幅・縦幅を調整し、領域内に収めます。 右フィル 文字列を右揃えで配置します。 文字数が多い場合には、文字の横幅を調整し、領域内に収めます。コンテンツ作成ガイド
左フィル 文字列を左揃えで配置します。 文字数が多い場合には、文字の横幅を調整し、領域内に収めます。 上フィル 文字列を上揃えで配置します。 文字数が多い場合には、文字の縦幅を調整し、領域内に収めます。 下フィル 文字列を下揃えで配置します。 文字数が多い場合には、文字の縦幅を調整し、領域内に収めます。 フィル 文字数に関わらず、文字の横幅もしくは縦幅を自動調整し、文字領域のサイズに ピッタリ収まるように拡大縮小します。 ※ 横文字では、上・下・上フィル・下フィルは表示されません。 ※ 縦文字では、右・左・右フィル・左フィルは表示されません。 ※ テキストの配置を変更しても、効果が出にくい場合もあります。コンテンツ作成ガイド
テンプレートに写真や映像を取り込む
テンプレートの画像領域には、お手持ちの写真や映像を入れることができます。テンプレートに写真を取り込む
テンプレートの画像領域に静止画(写真やイラスト)を取り込むには、編集画面で新規を押します。 以下のような画面が表示されたら iSignClient 経由で取り込む を押します。 iSignClient File Uploader が起動します。 … を押して、パソコンのフォルダから取り込む 動画ファイルを指定し、アップロード を押してください。
取り込める静止画（写真やイラスト）のファイル拡張子は以下の通りです。
コンテンツ作成ガイド
アップロードが完了すると、以下のような位置調整画面が表示されます。 四隅に表示されているマーク（■）でトリミング領域を調整します。 ※ご利用のブラウザーによっては、■が右下にしか表示されない場合もあります。 取り込んだ写真が枠から写真がはみ出した場合は、右端にある ▼ を押して 取込比率を変更してください。（長辺）を選ぶと、画像枠の長辺に合わせます。 決定を押すと、テンプレートに画像が取り込まれた状態でコンテンツ編集画面に戻ります。コンテンツ作成ガイド
テンプレートに動画を取り込む
テンプレートの画像変数に、お手持ちの動画（映像）を取り込むことができます。 ※ 素材広場のテンプレートで「静止画のみ対応（モーション動画不可）」の表示があるテンプレートは、 動画を取り込むことはできません。 編集画面で新規を押して、お手持ちの動画を取り込みます。 テンプレートの画像領域に写真や映像を取り込むには、編集画面で新規を押します。 以下のような画面が表示されたら iSignClient 経由で取り込む を押します。 iSignClient File Uploader が起動します。 … を押して、パソコンのフォルダから取り込むファイル を指定し、アップロード を押してください。
取り込める動画ファイルの拡張子は以下の通りです。
コンテンツ作成ガイド
アップロードされた動画のスタート画面と放映時間が表示されます。 確認したら、決定 を押します。以前アップロードした写真や映像を使用する
過去にテンプレートに取り込んだ写真や映像は、再利用することができます。 テンプレートの画像枠に写真や映像を取り込むには、編集画面で新規を押します。 「写真・映像」フォルダの「最近アップロードした素材」ページを開き、利用したい素材をクリックして 選択（✅）し、決定を押します。コンテンツ作成ガイド
取り込んだ静止画にモーションを付ける
静止画にモーション（動き）をつけるには、「モーション」のプルダウンから動作を選択します。 以下はモーションから「上→下」を指定した例です。スタート位置からストップ位置まで、静止画の 上から下に向かって動きます。 プルダウンから「カスタム設定」を選択すると、お好きな位置・サイズで領域を設定できます。 上記では、動画の時間を 15 秒に指定しています。 モーションが動作するまでの秒数を指定することも可能です。（最初に何秒静止してから動き出すか、最 後に何秒静止させるかを指定可能） ▼を押すと、その他の設定ができます。モーションの開始、終了を指定したり、縦横の比率保持を変更した り、色効果において、「モノクロ→標準」を選ぶと、モノクロからカラーに色彩を変化させたりできます。 フレームレートの変更も可能です。 設定したら、決定を押してください。コンテンツ作成ガイド
モーションテキストを追加する
モーションテキストは、テンプレートの任意の場所に、好みのフォントで表示させることができます。 流れるように表示したり、湧き出たり、点滅したり、様々な動作をテキストに付加できます。 モーションテキストを追加するには、編集画面のテキスト項目の下にあるテキスト編集を押します。 以下のようなテキスト編集画面が表示されます。 画面左側のテンプレート上に表示された半透明の領域がテキスト領域です。 マウスでドラッグしてテンプレート内の好きな場所に移動できます。 領域の大きさを変更するには、四隅の■の 1 つをドラッグして動かします。 ※ご利用のブラウザーによっては、■が右下にしか表示されない場合もあります。 設定が終わったらデザイン更新を押すと反映します。 別のテキストを追加するには、追加を押します。上記と同様に設定します。 すべての設定が終わったら、編集に戻る をクリックしてください。 モーションテキストの編集項目は、以下を参照ください。 項目・属性 説 明 文字 テキストを入力します 大中小 文字の大きさを大中小から指定します 時間 テキストを表示する開始時間と終了時間 フォント 楷書調、毛筆調、ゴシック調など様々なフォントをご利用いただけますコンテンツ作成ガイド
配置 右寄せ、中央寄せ、左寄せなどを指定します 文字色 文字の色を指定できます。透過も選択可能です フチ色 文字の周囲の色を指定できます透過も選択可能です 背景色 背景色を透明、または、任意の色に指定できます 効果左 テキストの開始方法などを指定します 効果中 ブリンク（点滅）を指定します 効果右 テキストの終了方法を指定しますコンテンツ作成ガイド
作成したコンテンツを番組枠に入れる
作成したコンテンツは、番組（プレイリスト）として名称を付けて保存でき、再利用できます。 編集が完了したら、コンテンツの表示秒数を確認し、コンテンツ名称を指定します。
コンテンツ作成ガイド
作成したコンテンツを USB メモリへ配信する
番組枠は、コンテンツの一時保存領域です。 配信準備ボタンの下に、合計の放映秒数が表示されます。 番組枠内に表示されているコンテンツのサムネイルをクリックすると、編集画面が開き、再編集できます。 コンテンツの放映順序は、番組枠の右側にある ↑ で変更できます。 番組枠に入っているコンテンツで不要なものは、X で削除してください。 番組枠全体を消去するには、 クリア を押します。 配信準備を押すと、配信ファイルの作成が開始され、レンダリングと表示されます。 配信ファイルの作成が完了すると、配信ボタンが表示されます。 コンテンツプレビュー 順序入れ替え 番組枠からコンテンツを削除 番組枠を消去コンテンツ作成ガイド
配信を押すと、以下のような画面が表示されます。
経由パソコンに、現在お使いのパソコンが指定されていることを確認して 配信をクリックしてください。以下の画面に変わります。
USB メモリをパソコンの USB ポートに挿入すると、USB メモリへの書き込みが開始します。 USB メモリへの書き込みが終了したら、USB メモリを抜いて、ディスプレイ背面の USB ポートに
挿入してください。 放映が開始します。
ディスプレイ背面の USB ポートに挿入しても番組が放映しない場合には、 「操作ガイド」の「ディスプレイのリモコン設定」を確認してください。
コンテンツ作成ガイド
動画の音声を設定する
※USB 有料コースのみ
音声付きの動画の場合は、音量 100%で取り込みます。音声なし動画は、0%です。 動画ファイルの取込時に音量を選択できます。 決定を押すと、編集画面に戻ります。 編集画面に戻ると、下図のように動画のスタート画面が表示されます。音声付き動画の場合には、 サウンドマーク（♪）が表示されます。 BGM を指定した場合に、コンテンツのサウンドと混ざって聞き取りにくいことがあります。そのような場合 には、どちらかの音量を消す（オフにする）とよいでしょう。下方にある BGM チェックをオフにすると、 BGM 音量が 0％（オフ）になります。 設定を完了したら、番組に入れる を押してください。コンテンツ作成ガイド
モーションテキストでテロップを作成する
※USB 有料コースのみ
テキスト編集機能を利用して、テロップを指定できます。 流したいテキスト文字列を入力します。 テロップ表示秒数を指定します。 テロップに利用したいフォントや文字色をプルダウンから選択します。 効果において、「テロップ（速）」、「テロップ」、「テロップ（遅）」のいずれかを選択します。 右側プルダウンに「1 回」と表示されます。 「繰り返し」を選択すれば、放映中、繰り返し流されます。 設定した後、必ずデザイン更新を押してください。 さらにテロップを追加する場合は、追加を押してください。 テキスト編集が終わったら、編集に戻る を押して、コンテンツ編集画面に戻ります。コンテンツ作成ガイド
設定項目の詳細は、以下を参照ください。 項目・属性 説 明 文字 テキストを入力します 大中小 文字の大きさを大中小から指定します 時間 テキストを表示する開始時間と終了時間 フォント 楷書調、毛筆調、ゴシック調など様々なフォントがあります 配置 右寄せ、中央寄せ、左寄せなどを指定します。 ※テロップを指定時の配置は常に「左」です 文字色 文字の色をフルカラーで指定できます。透過も選択可能です フチ色 文字の周囲の色をフルカラーで指定できます透過も選択可能です 背景色 背景色を透明、または、任意の色に指定できます。透過も選択可能です 効果左 テキストの開始方法、または、テロップの種類を指定します 効果中 ブリンク（点滅）やテロップのコマ送りを指定します 効果右 テキストの終了方法とテロップの繰り返しを指定しますコンテンツ作成ガイド
CSV ファイルを取り込んでコンテンツを作成する
※USB 有料コースのみ
CSV ファイル取込機能で、会議案内や催事案内など、毎日変わるコンテンツの作成を効率よくおこなえます。 項目出力を押して、テンプレートの変数項目の名称を CSV ファイルに取り出します。 ダウンロードした CSV ファイルを Excel で開いて、項目内容を埋めます。 完成した CSV ファイルを取り込むと、その件数分のコンテンツが作成されます。項目出力
項目出力を押すと、以下のようなポップアップが表示されます。 縦データで項目を作成するか、横データで項目を作成するかを指定した後、 出力する を押します。EXCEL でデータ作成
縦データを指定して生成した場合は、EXCEL シートの A 行に項目名が出力されます。 一件目のデータは、B 行になります。 その次は、C 行です。 一度に最大 10 件まで登録できます。 以下は、3 件のデータを EXCEL で入力した例です。 データ入力が終わったら、EXCEL データを CSV ファイル形式で保存します。コンテンツ作成ガイド
CSV ファイル取り込み
CSV ファイルが準備できたら、編集画面の右上に表示されている データ取込を押します。 以下のようなポップアップが表示されます。参照...を押して、データファイルに CSV ファイルを指定し、 取り込み開始を押します。 取り込みが完了すると、画面右上に、取込んだデータ件数と、データ移動ポインターが表示されます。 1 件目に取り込んだデータがテンプレートに反映されて表示されます。 データ確認や修正が完了したら、わかりやすい名前をつけて、番組に入れるを押します。 データ移動ポインターで取込んだすべてのデータを１件ずつ確認し、番組に入れていきます。 すべての取込データを番組に入れ、一覧に戻る を押すと、番組枠に作成されたコンテンツが表示されます。 1 件目の取込データ 2 件目の取込データ 3 件目の取込データコンテンツ作成ガイド
番組を保存する
※USB 有料コースのみ
番組枠にある編集済みコンテンツは、名前付けて番組（プレイリスト）として保存できます。 保存した番組は、呼び出して再編集できます。 保存を押して、保存先フォルダと番組名を指定し、保存する を押してください。保存した番組を再編集する
保存した番組は、番組制作ページの「番組」に保存されます。 編集したい番組を選択すると、画面の中央部分に表示されます。 番組の編集をクリックすると、番組のコンテンツが右側の番組枠に展開されます。 特定のコンテンツだけを番組枠に追加するには、中央に表示された番組コンテンツの右側にある番組枠へ 追加を押します。コンテンツ作成ガイド
番組をファイルへ配信する
※USB 有料コースのみ
USB 有料コースにおいては、USB 配信に加えてファイルダウンロード（ファイルへの出力）ができます。 USB メモリへの配信は、18 ページの 「作成したコンテンツを USB メモリへ配信する」 を参照ください。 番組枠から配信を押します。 ○ファイルダウンロード を選択して、配信を押します。 配保存先を指定してダウンロードする を押します。 指定したフォルダに番組ファイルがダウンロードされます。コンテンツ作成ガイド
フォルダ編集
※USB 有料コースのみ
専用フォルダを作成して、番組、写真・映像、サウンドなどの素材を整理して管理できます。 各ページのフォルダ編集を押します。 フォルダを追加するには、フォルダ名を入力し、追加 を押します。 フォルダの表示順序を変更するには、上下の矢印ボタン（ ）で指定します。コンテンツ作成ガイド
お手持ちの写真や動画素材を登録する
※USB 有料コースのみ
お手持ちの静止画・動画・サウンドをアップロードして、素材ファイルを管理できます。 静止画・動画を登録するには、「番組制作」の「写真・映像」フォルダを開きます。 サウンドを登録するには、「番組制作」の「BGM サウンド」フォルダを開きます。 「写真・映像」や「サウンド」にある各フォルダ上部の 追加 を押します。 iSignClient 経由で取り込む を押してと、以下のような画面がポップアップします。 … を押すとパソコンのフォルダが開きます。 素材登録したいファイルを指定してください。 アップロード を押すと、素材がアップロードされます。 各ファイルは、アップロードした後、わかりやすい名称をつけてフォルダに保存してください。 ブラウザーからアップロードできるファイル拡張子は以下の通りです。静止画 BMP、 JPEG、 PNG、 GIF、 TIFF 動画 AVI、 WMV、 MP4、 MPEG、 MOV サウンド MP3
