放送通信両対応の配信プラットフォームのイメージ

Size: px

Start display at page:

Download "放送通信両対応の配信プラットフォームのイメージ"

ともみおうじ
7 years ago
Views:

1 ipad/android コンテンツも簡単迅速安価に! マルチメディア対応ワンソースマルチビュー型中間フォーマット.CAST( 仮称 ) のご紹介 NEXTWAVE 0

2 目次 1.CAST( 仮称 ) とは P 2~10 2.CAST( 仮称 ) の適応分野 P11~18 3 デモンストレーション P19~23 4 フォーマットの比較やご提供方法 P24~31 1

3 1.CAST( 仮称 ) とは 2

4 .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

5 構造化を行うと七変化 ( 多様な表現 ) が可能構造化を行うことで表示側では情報の一意性を保ちつつ柔軟な表示制御が可能です.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

6 .CAST( 仮称 ) を使うとワンソースマルチウィンドウが実現さまざまな端末の画面サイズ表示能力に応じて最適なレイアウトを実現可能です構造情報 xml テキスト動画画像音声レイアウト再構成レイアウト再構成レイアウト再構成レイアウト再構成レイアウト再構成例 1 例 2 例 3 例 4 例 5 画像 CV 見タ出イしトル画像動画音声タイトル画像画像画像画像画像画像画像画像 5

7 さらに再利用しやすいたとえばウェブ用の素材を使ってパッケージ化しマガジンとして配信することも可能です WEB サイト更新ウェブ用の素材を用意構造化 image テキスト Master Node (contents) node Sub node id = pict021 id = text001 マガジン配信 6

8 気になる各種表現フォーマットとの関係はリッチなコンテンツ表現半固定拡大可能固定 Flash PDF 固定 HTML5 + CSS 半固定 ( リフロー可能 ) 共存オーサリングが高度雑誌の中間フォーマット EPUB 3.0.CAST ( 仮称 ) オーサリングが簡易書籍の中間フォーマット XMDF.BOOK EPUB 2.0 リフロー可能リフロー可能リフロー可能ベーシックなコンテンツ表現 7

9 コストや期間の比較 ipad 端末向けマルチメディアコンテンツを想定記事内容はすでに確定しているものとする < 方法 1> アプリごと作成 < 方法 2> HTML5 で作成 < 方法 3>.CAST( 仮称 ) で作成人員デザイナープログラマー (C 言語 ) WEB デザイナープログラマー ( スクリプト ) デザイナー ( ロゴ画像作成のみ ) アルバイト費用 ( コスト ) 200 万程度 100 万程度 20 万程度期間 2 か月 1 か月備考コンテンツとアプリをセットで製作する為コスト期間ともに膨大一度作ったコンテンツを他に流用不可 HTML5 のスクリプトを習熟した WEB デザイナーやプログラマーが必要一度作ったコンテンツを他に流用する場合端末ごとに CSS の調整作業が必要 1 週間対応アプリがすでにある前提一時間程度の研修によりアルバイトスタッフが制作可能専用ソフト不要一度作ったコンテンツはそのままさまざまなデバイスに配信可能こうしてコストを比較すると量産してもコストを抑えることが期待できることがわかる放送やサイネージに適している 8

10 ワークフローの比較 [ 従来 ] 表示デバイスの画面サイズの種類の数だけレイアウトデザインを行いそれぞれの対応フォーマットを製作する必要がある [.CAST ] ワンフォーマットで複数のデバイス画面サイズに対応構成検討構成検討取材撮影取材撮影素材 ( イラスト文章 ) 作成素材 ( イラスト文章 ) 作成編集再編集再編集編集 ( 構造化 ) レイアウト再レイアウト再レイアウト.CAST( 仮称 ) 作成デザイン再デザイン再デザインフォーマット A 作成フォーマット B 作成フォーマット C 作成ワークフロー簡素化! コンテンツ制作コストの低減 9

11 以上の特徴をまとめると構造化されることでコンテンツの部分利用や再利用が可能に! デバイスの表示能力に応じた表現を実現し易くなるワンソースマルチビューが容易に実現されるしかも他の表現方式と比較してワークフローの簡素化が図られコストが圧倒的に廉価! 速報性が求められるコンテンツ製作において明らかに優位定常的に量産を必要とする分野で効果を発揮 10

12 2.CAST( 仮称 ) の適応分野 11

13 ここでコンテンツの分類をしてみました速報性が低く寿命が長いコンテンツ賞味期限がない or 長いストック型表現のリッチ化が望まれている表現がシンプル速報性が高く寿命が短いコンテンツ鮮度が短いので早く届ける必要があるフロー型表現に凝るよりも早く量産することが重要辞書図鑑論文天気ニュース文学新聞 PR 広告トレンド速報性が低い寿命が長い雑誌音楽速報性が高い寿命が短い写真集教材マンガ絵本映画表現がリッチ 12

14 このうち.CAST の適した利用分野としては p.10 に記載した.CAST の機能的な特徴を踏まえ p.12 にあるコンテンツ分類を眺めた場合.CAST の活用に適した利用分野としてはニューストレンド情報 PR 広告情報など速報性の高く量産が求められるものといった分野において他の表現方式と比較して真価が発揮されやすいとが結論付けられる 13

15 そこで想定利用分野としては前ページの結論を踏まえ.CAST の利用が期待される想定利用分野としては以下の 3 つを挙げてみました 1 放送 ( ファイルキャスト ) 分野 2 サイネージ分野 3 ウェブコンテンツの再利用 ( リユース ) 分野以下上記の 3 分野での利用例をご紹介します 14

16 想定利用分野 1 放送ファイルキャストでの利用たとえばニュース番組と連動する記事を配布したり番組と関連テキストを事前配布しておくとかニュース映像と記事をセットで配信英会話番組のテキストを事前に配信ニュース映像記事英会話番組テキスト英語で話そう! 英語で話そう! 15

17 想定利用分野 2 サイネージワンソースで多機種のサイネージへの配信さらには周辺のモバイル配信を実現紙芝居のような BGM 付きスライドショーや効果音付きのマンガ等店舗に滞在していると自動的に製品情報やクーポン等の販促情報や来店促進のための店舗限定コンテンツが配信店舗内に設置されたデジタルサイネージには製品情報の告知や割引情報などの販促情報を配信 16 16

18 想定利用分野 3 再利用 ( リユース ) その 1 ウェブコンテンツのマガジン化 WEB コンテンツ製作の際に構造化を行っておくことで簡易にマガジン化することが可能料理ハウツーサイトをマガジンにテレビ番組紹介サイトをマガジンにアーティスト情報 ( インタビューやブログ ) をまとめてファン向け会報にショッピングサイト情報をそのままショッピングカタログに 17

19 想定利用分野 3 再利用 ( リユース ) その 2 ソーシャルパブリッシングコミュニティ掲示板の書き込みや写真をまとめて一冊のマガジンが作れるマガジン例 ) 旅行記イラスト同人誌ペット写真集 SNS サイトのコミュニティ掲示板 SNS サイト撮鉄コミュニティ掲示板ヤス鉄道写真を撮るのが趣味の人集合駅開業 85 周年号撮ったよ!.CAST に変換スレート端末撮鉄マガジン 2011 電車男いいね旅人三連休に秋田で撮影! パブリッシュする 18

20 3 デモンストレーション 19

21 デモンストレーション 1 画面サイズに合わせた柔軟な自動レイアウトが可能ですモバイル端末 1 モバイル端末 2 20

22 デモンストレーション 2 BGM 音声動画の再生や WEB 連携も可能ですモバイル端末 1 写真から動画音声を再生 WEB 連携動画音声 WEB 連携 BGM は自動的に再生 21

23 デモンストレーション 3 1 つのコンテンツを 3 つのモードで見ることができます基本モードオーバーレイモードスライドショーモード 22

24 デモンストレーション 4 動画とマガジン記事がひとつになったパッケージを届けておくとデジタルサイネージでは動画やスライドショー連携するモバイル機器ではマガジンを読むことができますデジタルサイネージ端末サイネージ画面では動画を再生モバイル端末スレート端末やモバイル端末にマガジン ( 映像入り ) をダウンロードしてあとでじっくり読む動画の再生も可能 23

25 4 フォーマットの比較やご提供方法 24

26 誰でも自由に利用できるスキームを目指します.CAST( 仮称 ) フォーマット仕様は今後公開されます公開することによって誰でもデバイス用のアプリを自由に作ることが可能となりますこれとは別に.CAST( 仮称 ) コンテンツを製作するためのオーサリングツールなどを各製作者様のワークフローに出来るだけあわせてご提供いたします.CAST 送出サーバオーサリングツールエンジンを必要に応じてカスタマイズし提供代理店サービス提供者ユーザーフォーマット自動変換ツール基本的な閲覧アプリコア仕様の一部を提供アプリ提供.CAST コンソーシアム ( 仮 ) 仕様策定受信機向け仕様の公開アプリベンダー各社 25

27 今後の機能追加ロードマップなど 2010 年 2011 年 ~ 共通オーサリングツール UI 改善 iphone アプリ Android アプリ放送分野タイムコード制御サイネージ分野時系列制御レイアウトテンプレートウェブ分野ブログや掲示板から.CAST フォーマットへの自動変換機能 26

28 他フォーマットとも互換性に考慮します.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 拡大縮小はできるが

29 レイアウトフリーは今後のトレンドレイアウト情報を持つフォーマットレイアウト情報を持たないフォーマットレイアウト情報を持っているレイアウト情報を持たず意味構造を持つ HTML5+CSS3 リフロー可能なので微調整は自動で行われるが大幅に画面サイズが変わる場合のレイアウト再構成には対応していない各画面サイズ用のスタイルシートをそれぞれ別途作成する必要がある Flash 拡大縮小はできるが縦横比を大きく変更したり自動でページ分割させるような処理はできない為大幅に画面サイズが変わる場合には手動で再オーサリングが必要になる epub リフロー可能なためオーサリングしなくても表示は可能だが大幅に画面サイズが異なる場合は表示が不自然になってしまう ( 例 : 画像だけ 1 ページ目に表示され関連する文章は次のページに振り分けられる等 ) RSS NewsML.CAST( 仮称 ) 表示位置の指定は行えないが表示デバイスやビューア側で意味構造に従って最適にレイアウトを再構成できる 28

レイアウトタイミングの比較 1HTML ウェブコンテンツは情報 (HTML) とレイアウト (CSS) が 1 セットになっていますそのため画面サイズが大きく異なる端末に配信する際は CSS の書き換えが必要になりますさらに HTML のファイル分割そのものも変更する必要があることもよくあります例 :PC=1 ページに分割携帯 =3

30 レイアウトタイミングの比較 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

31 レイアウトタイミングの比較 2 アプリアプリは情報とレイアウトが 1 セットになっていますそのため文言を書き換える場合でもプログラマーのアプリ改修作業が必要になりますアプリ開発表示情報 APP 情報レイアウト変更情報 APP 変更情報レイアウト 30

32 レイアウトタイミングの比較 2.CAST RSS NewsML レイアウト情報は指定せず情報と情報自体の意味構造のみ配信しますアプリ側では情報自体の意味構造に沿って情報の意味に適した表示を行いますこの手法により 1 つの情報ソースを複数のアプリでそれぞれに適したレイアウトで表示させることが可能です修正する際もプログラマは不要ですオーサリング表示 APP2 情報情報レイアウト表現 1( 誌面風レイアウト ) 修正 APP3 情報レイアウト表現 2( オーバーレイ ) APP4 情報レイアウト表現 3( スライドショー ) 31

HOME PAGE RENEWAL PLAN 有限会社マインドアクセス

HOME PAGE RENEWAL PLAN 有限会社マインドアクセス http://www.misa.or.jp/ HOME PAGE RENEWAL PLAN 1. 機能概要世界的に現在最も利用実績の有る WordPress を CMS( コンテンツマネージメントシステム ) として採用し静的なサイト構成から柔軟かつ機能拡張可能な動的サイト構成を実現しますまた MISA 会員はホームページより Android アプリをダウンロードする事が出来新着記事の確認会員名簿の検索を行う事が出来ます