ipad/android コンテンツも簡単 迅速 安価に! マルチメディア対応ワンソースマルチビュー型中間フォーマット.CAST( 仮称 ) のご紹介 2011.1.19 NEXTWAVE 0
目次 1.CAST( 仮称 ) とは P 2~10 2.CAST( 仮称 ) の適応分野 P11~18 3 デモンストレーション P19~23 4 フォーマットの比較やご提供方法 P24~31 1
1.CAST( 仮称 ) とは 2
.CAST( 仮称 ) の仕組み それは情報の構造化.CAST( 仮称 ) は A. 情報の構造化ツリーデータ B. 各情報要素のメタデータ C. 情報本体を 1 セットにして配信するシンプルな配信 閲覧用フォーマットです レイアウト指定は行いません.CAST の仕組み A. 情報要素の構造化ツリーデータ B. 各情報要素のプレゼンテーション ( 表示 ) 制御用メタデータ C.ID 付けされた情報本体 (Type = テキスト 画像 動画 音声等 ) Master Node (contents) node Sub node presen meta presen meta Id = pict021 id = pict021 id = text001 presen meta Id = text001 これはマリーゴールドの写真です 3
構造化を行うと 七変化 ( 多様な表現 ) が可能 構造化を行うことで 表示側では 情報の一意性を保ちつつ 柔軟な表示制御が可能です.CAST( 仮称 ) の構造化ツリーデータ 記事名タイトルリード ( 見出し ) 本文 1 写真キャプション BGM 本文 2 本文 3 本文 3 動画 音楽 ナレーション < パッド型端末視聴に適した再生 > 動画や音声入りのマルチメディアマガジン < デジタルフォトフレーム視聴に適した再生 > 写真とキャプション 1 セットスライドショー < オーディオプレイヤー視聴に適した再生 > 音楽やナレーションを単体で再生 記事名タイトルリード ( 見出し ) 本文 1 写真キャプション 本文 2 動画 写真 キャプション 音楽 BGM 本文 3 本文 3 音楽 ナレーション ナレーション < 携帯電話端末視聴に適した再生 1> ムービーのみ再生 動画 < 携帯電話端末視聴に適した再生 2> 文章と写真のみ (RSS リーダー等で表示 ) 記事名タイトルリード ( 見出し ) 本文 1 写真キャプション 本文 2 本文 3 本文 3 < デジタルサイネージ視聴に適した再生 > テキスト 動画 音声をそれぞれ時間軸にそって再構成しサイネージ番組に 記事名タイトルリード ( 見出し ) 本文 1 写真キャプション BGM 本文 2 本文 3 本文 3 動画 音楽 ナレーション 4
.CAST( 仮称 ) を使うと ワンソースマルチウィンドウが実現 さまざまな端末の画面サイズ 表示能力に応じて最適なレイアウトを実現可能です 構造情報 xml テキスト 動画 画像 音声 レイアウト再構成 レイアウト再構成 レイアウト再構成 レイアウト再構成 レイアウト再構成 例 1 例 2 例 3 例 4 例 5 画像 CV 見タ 出イ しト ル 画像動画音声 タイトル画像 画像 画像 画像 画像 画像 画像 画像 5
さらに 再利用しやすい たとえば ウェブ用の素材を使ってパッケージ化し マガジンとして配信することも可能です WEB サイト更新 ウェブ用の素材を用意 構造化 image テキスト Master Node (contents) node Sub node id = pict021 id = text001 マガジン配信 6
気になる各種表現フォーマットとの関係は リッチなコンテンツ表現 半固定拡大可能 固定 Flash PDF 固定 HTML5 + CSS 半固定 ( リフロー可能 ) 共存 オーサリングが高度 雑誌の中間フォーマット EPUB 3.0.CAST ( 仮称 ) オーサリングが簡易 書籍の中間フォーマット XMDF.BOOK EPUB 2.0 リフロー可能 リフロー可能 リフロー可能 ベーシックなコンテンツ表現 7
コストや期間の比較 ipad 端末向けマルチメディアコンテンツを想定 記事内容はすでに確定しているものとする < 方法 1> アプリごと作成 < 方法 2> HTML5 で作成 < 方法 3>.CAST( 仮称 ) で作成 人員 デザイナープログラマー (C 言語 ) WEB デザイナープログラマー ( スクリプト ) デザイナー ( ロゴ画像作成のみ ) アルバイト 費用 ( コスト ) 200 万程度 100 万程度 20 万程度 期間 2 か月 1 か月 備考 コンテンツとアプリをセットで製作する為コスト 期間ともに膨大 一度作ったコンテンツを他に流用不可 HTML5 のスクリプトを習熟した WEB デザイナーやプログラマーが必要 一度作ったコンテンツを他に流用する場合 端末ごとに CSS の調整作業が必要 1 週間 対応アプリがすでにある前提 一時間程度の研修によりアルバイトスタッフが制作可能 専用ソフト不要 一度作ったコンテンツはそのままさまざまなデバイスに配信可能 こうしてコストを比較すると 量産してもコストを抑えることが期待できることがわかる 放送やサイネージに適している 8
ワークフローの比較 [ 従来 ] 表示デバイスの画面サイズの種類の数だけレイアウト デザインを行い それぞれの対応フォーマットを製作する必要がある [.CAST ] ワンフォーマットで複数のデバイス 画面サイズに対応 構成検討 構成検討 取材 撮影 取材 撮影 素材 ( イラスト 文章 ) 作成 素材 ( イラスト 文章 ) 作成 編集 再編集 再編集 編集 ( 構造化 ) レイアウト 再レイアウト 再レイアウト.CAST( 仮称 ) 作成 デザイン 再デザイン 再デザイン フォーマット A 作成 フォーマット B 作成 フォーマット C 作成 ワークフロー簡素化! コンテンツ制作コストの低減 9
以上の特徴をまとめると 構造化 されることで コンテンツの部分利用や再利用が可能に! デバイスの表示能力に応じた表現を実現し易くなる ワンソースマルチビューが容易に実現される しかも 他の表現方式と比較して ワークフローの簡素化が図られ コストが圧倒的に廉価! 速報性が求められるコンテンツ製作において明らかに優位 定常的に量産を必要とする分野で効果を発揮 10
2.CAST( 仮称 ) の適応分野 11
ここで コンテンツの分類をしてみました 速報性が低く寿命が長いコンテンツ賞味期限がない or 長い ストック型 表現のリッチ化が望まれている 表現がシンプル 速報性が高く寿命が短いコンテンツ鮮度が短いので早く届ける必要がある フロー型 表現に凝るよりも 早く 量産することが重要 辞書 図鑑 論文 天気 ニュース 文学 新聞 PR 広告 トレンド 速報性が低い 寿命が長い 雑誌 音楽 速報性が高い 寿命が短い 写真集 教材 マンガ 絵本 映画 表現がリッチ 12
このうち.CAST の適した利用分野としては p.10 に記載した.CAST の機能的な特徴を踏まえ p.12 にあるコンテンツ分類を眺めた場合.CAST の活用に適した利用分野としては ニュース トレンド情報 PR 広告情報など 速報性の高く 量産が求められるもの といった分野において 他の表現方式と比較して真価が発揮されやすいとが結論付けられる 13
そこで 想定利用分野としては 前ページの結論を踏まえ.CAST の利用が期待される想定利用分野としては 以下の 3 つを挙げてみました 1 放送 ( ファイルキャスト ) 分野 2 サイネージ分野 3 ウェブコンテンツの再利用 ( リユース ) 分野 以下 上記の 3 分野での利用例をご紹介します 14
想定利用分野 1 放送 ファイルキャストでの利用たとえばニュース番組と連動する記事を配布したり 番組と関連テキストを事前配布しておくとか ニュース映像と記事をセットで配信 英会話番組のテキストを事前に配信 ニュース映像記事英会話番組テキスト 英語で話そう! 英語で話そう! 15
想定利用分野 2 サイネージ ワンソースで多機種のサイネージへの配信 さらには周辺のモバイル配信を実現 紙芝居のような BGM 付きスライドショーや効果音付きのマンガ等 店舗に滞在していると 自動的に製品情報やクーポン等の販促情報や来店促進のための店舗限定コンテンツが配信 店舗内に設置されたデジタルサイネージには製品情報の告知や割引情報などの販促情報を配信 16 16
想定利用分野 3 再利用 ( リユース ) その 1 ウェブコンテンツのマガジン化 WEB コンテンツ製作の際に構造化を行っておくことで簡易にマガジン化することが可能 料理 ハウツーサイトをマガジンに テレビ番組紹介サイトをマガジンに アーティスト情報 ( インタビューやブログ ) をまとめてファン向け会報に ショッピングサイト情報をそのままショッピングカタログに 17
想定利用分野 3 再利用 ( リユース ) その 2 ソーシャルパブリッシング コミュニティ掲示板の書き込みや写真をまとめて一冊のマガジンが作れる マガジン例 ) 旅行記 イラスト同人誌 ペット写真集 SNS サイトのコミュニティ掲示板 SNS サイト 撮鉄コミュニティ掲示板 ヤス 鉄道写真を撮るのが趣味の人集合 駅開業 85 周年号撮ったよ!.CAST に変換 スレート端末 撮鉄マガジン 2011 電車男 いいね 旅人 三連休に秋田で撮影! パブリッシュする 18
3 デモンストレーション 19
デモンストレーション 1 画面サイズに合わせた柔軟な自動レイアウトが可能です モバイル端末 1 モバイル端末 2 20
デモンストレーション 2 BGM 音声 動画の再生や WEB 連携も可能です モバイル端末 1 写真から動画 音声を再生 WEB 連携 動画 音声 WEB 連携 BGM は自動的に再生 21
デモンストレーション 3 1 つのコンテンツを 3 つのモードで見ることができます 基本モードオーバーレイモードスライドショーモード 22
デモンストレーション 4 動画とマガジン記事がひとつになったパッケージを届けておくと デジタルサイネージでは動画やスライドショー 連携するモバイル機器ではマガジンを読むことができます デジタルサイネージ端末 サイネージ画面では動画を再生 モバイル端末 スレート端末やモバイル端末に マガジン ( 映像入り ) をダウンロードしてあとでじっくり読む 動画の再生も可能 23
4 フォーマットの比較や ご提供方法 24
誰でも自由に利用できるスキームを目指します.CAST( 仮称 ) フォーマット仕様は 今後公開されます 公開することによって誰でもデバイス用のアプリを自由に作ることが可能となります これとは別に.CAST( 仮称 ) コンテンツを製作するためのオーサリングツールなどを 各製作者様のワークフローに出来るだけあわせてご提供いたします.CAST 送出サーバ オーサリングツール エンジンを必要に応じてカスタマイズし提供 代理店 サービス提供者 ユーザー フォーマット自動変換ツール 基本的な閲覧アプリ コア仕様の一部を提供 アプリ提供.CAST コンソーシアム ( 仮 ) 仕様策定受信機向け仕様の公開 アプリベンダー各社 25
今後の機能追加ロードマップなど 2010 年 2011 年 ~ 共通 オーサリングツール UI 改善 iphone アプリ Android アプリ 放送分野 タイムコード制御 サイネージ分野 時系列制御 レイアウトテンプレート ウェブ分野 ブログや掲示板から.CAST フォーマットへの自動変換機能 26
他フォーマットとも互換性に考慮します.CAST( 仮称 ) への変換が可能なフォーマット一覧 NewsML ニュース記事などをネットワーク上で配信するためのフォーマット XML を拡張した仕様となっている RSS Web サイトの見出しや要約などのメタデータを構造化して記述する XML ベースのフォーマット Indesign(IDML) Adobe Systems の InDesign CS4 に搭載された XML ベースのドキュメントフォーマット 中間 ( 交換 ) フォーマット 電子書籍交換フォーマット標準化プロジェクト により策定予定のオープンかつフリーな電子書籍の交換フォーマット.CAST( 仮称 ) から変換可能なフォーマット一覧 EPUB 米国の電子書籍の標準化団体の 1 つである International Digital Publishing Forum(IDPF 国際電子出版フォーラム ) が普及促進している公開された仕様の電子書籍用ファイル フォーマット規格 HTML Web ページを記述するためのマークアップ言語 27
レイアウトフリーは今後のトレンド レイアウト情報を持つフォーマットレイアウト情報を持たないフォーマット レイアウト情報を持っている レイアウト情報を持たず 意味構造を持つ HTML5+CSS3 リフロー可能なので微調整は自動で行われるが 大幅に画面サイズが変わる場合のレイアウト再構成には対応していない 各画面サイズ用のスタイルシートをそれぞれ別途作成する必要がある Flash 拡大縮小はできるが 縦横比を大きく変更したり 自動でページ分割させるような処理はできない為 大幅に画面サイズが変わる場合には手動で再オーサリングが必要になる epub リフロー可能なためオーサリングしなくても表示は可能だが 大幅に画面サイズが異なる場合は 表示が不自然になってしまう ( 例 : 画像だけ 1 ページ目に表示され 関連する文章は次のページに振り分けられる等 ) RSS NewsML.CAST( 仮称 ) 表示位置の指定は行えないが 表示デバイスやビューア側で意味構造に従って最適にレイアウトを再構成できる 28
レイアウトタイミングの比較 1HTML ウェブコンテンツは 情報 (HTML) とレイアウト (CSS) が 1 セットになっています そのため画面サイズが大きく異なる端末に配信する際は CSS の書き換えが必要になります さらに HTML のファイル分割そのものも変更する必要があることもよくあります 例 :PC=1 ページに分割 携帯 =3 ページに分割 オーサリング 表示 1 セット pc.html 情報 pc.css CSS ( レイアウト ) 書き換え 端末 A( ブラウザ ) 1 セット PDF や Flash も同様 sp1.html sp2.html sp3.html sp4.html 情報 情報 情報 変更 情報 sp.css CSS ( レイアウト ) 変更 端末 B( ブラウザ ) 29
レイアウトタイミングの比較 2 アプリ アプリは情報とレイアウトが 1 セットになっています そのため文言を書き換える場合でもプログラマーのアプリ改修作業が必要になります アプリ開発 表示 情報 APP 情報 レイアウト 変更 情報 APP 変更 情報 レイアウト 30
レイアウトタイミングの比較 2.CAST RSS NewsML レイアウト情報は指定せず 情報 と 情報自体の意味構造 のみ配信します アプリ側では 情報自体の意味構造 に沿って情報の意味に適した表示を行います この手法により 1 つの情報ソースを 複数のアプリで それぞれに適したレイアウトで表示させることが可能です 修正する際もプログラマは不要です オーサリング 表示 APP2 情報 情報 レイアウト 表現 1( 誌面風レイアウト ) 修正 APP3 情報 レイアウト 表現 2( オーバーレイ ) APP4 情報 レイアウト 表現 3( スライドショー ) 31