「iPad/Androidコンテンツも簡単、迅速、安価に！ マルチメディア対応ワン

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