HTML5によるマルチスクリーン型次世代Webサービス開発

Section 1 サービス開発の基礎知識・技術

Chapter 1 HTML5とは

1-1　HTML5のとらえかた
1-2　企業、エンジニア、ユーザにとってのメリット
1-3　FLASHとの比較
1-4　HTML5の特徴的機能
　1 文書構造の明確化
　2 表現手法の多様化
　3 プラグインなしでの動画・音声の再生
　4 高度なグラフィックス描画
　5 フォーム機能の強化
　6 ドラッグ＆ドロップ
　7 位置情報や加速度センサ情報等の取得
　8 ブラウザストレージ
　9 サーバ・ブラウザ間双方向通信
1-5　追加されるタグと削除されるタグ
1-6　HTML5を取り巻く状況
　ブラウザの対応状況
　Webサイトの制作状況
1-7　HTML5の標準化の歴史
1-8　W3Cの体制と日本での活動
1-9　参考文献

Chapter 2　HTML5と親和性の高い情報連携技術

2-1　LODとWWW
2-2　LODの適用状況とLODの4原則
2-3　LODを構成する要素技術
　RDFの基本データモデル
　XMLによるRDF記述
　URIの概要
2-4　DBpediaとは
2-5　サンプルコード
2-6　参考文献

Chapter 3　HTML5による通信やデバイスの制御

3-1　WebSocketを用いた双方向通信
　WebSocketプロトコルの概要
3-2　ブラウザにおけるWebSocketの実装
3-3　サーバにおけるWebSocketの実装
3-4　位置情報の利用（Geolocation API）
3-5　バッテリ状態の読み出し（Battery Status API）
3-6　加速度センサの利用（Device Orientation Event Specification）
3-7　参考文献

Chapter 4　HTML5によるマルチメディア処理

4-1　グラフィックスの描画
4-2　Canvasの概要
4-3　SVGの概要
4-4　音声の再生
4-5　動画の再生
4-6　参考文献

Chapter 5　ブラウザに用意されている汎用ストレージ機構

5-1　構造化されていないストレージ（Web Storage）
5-2　データベース形式のストレージ（Indexed Database）
5-3　参考文献

Section 2 サービス開発の実践

Chapter 6　スマートテレビの概要

6-1　スマートテレビサービスとは
6-2　スマートテレビへの対応状況
6-3　本書で実装するスマートテレビサービス

Chapter 7　マルチスクリーンサービスの設計

7-1　システム構成
7-2　ソフトウェア構成
7-3　ディレクトリ構成
7-4　想定する動作環境と注意点
　PHPのインストール
　php-websocket-serverのインストール
　ffmpegのインストール
　ffmpeg-phpのインストール
　アクセス権とセキュリティコンテキストの設定
7-5　本システムの起動方法

Chapter 8　WebPC（メインPC）の実装

8-1　WebPCの機能と構成
8-2　システムメッセージの定義
8-3　中核モジュール（Webpc.html）の詳細
　WebSocketによる通信処理
　メッセージ処理
　Web Storageを用いたブックマーク処理
　Canvas描画処理
　外部サービスからの情報取得

Chapter 9　外部のWebサービスからの情報取得と表示

9-1 gooからの情報取得
9-2 HTMLのアドホックな解析
9-3 視覚効果をねらう回転アニメーション

Chapter 10　TVPC（スクリーンPC）の実装

10-1 TVPCの機能
10-2 TVPCの構成とワーカスレッド
10-3 中核モジュール（tvpc.js）の詳細
　WebSocketによる通信処理
　メッセージ受信およびコンテンツ再生処理
　切断処理
　起動通知およびバッテリ状態通知処理
　ワーカスレッドによる時刻表示

Chapter 11　Serverへのファイルアップロード

11-1 ファイルアップロードの仕組み
11-2 クライアントモジュール（upload.html）の詳細
　ドラッグ＆ドロップの処理
　データのアップロード
11-3 サーバモジュール（upload.php）の詳細
　通し番号の生成と更新
　ファイルやキーワードの受信
　サムネイルの生成
　コンテンツデータベースへの登録

Chapter 12　Serverの構成と外部システム連携

12-1 Serverの構成
12-2 連携対象の外部システムおよびアクセス方法
　ホットワード取得
　DBpedia検索
　YouTube検索
　Twitter検索
12-3 中核モジュール（sv.php）の詳細
　1 WebSocketによる通信処理
　2 WebPCから受信したメッセージの処理
　3 TVPCから受信したメッセージの処理
　4 WebSocketServerの起動など
　5 sv.php動作環境の設定
12-4 外部情報収集クラス（GetContentInfo.php）の詳細
　gooホットワード取得
　DBpedia検索
　YouTube検索
　Twitter検索
　Server内動画／写真検索
12-5 参考文献

Chapter 13　動作確認

13-1 ネットワーク環境
13-2 テストの要領とテスト項目
　sv.phpのデバグ情報
　WebPCのデバグ情報
　TVPCのデバグ情報
　HTTPDのログ
13-3 トラブル解析のヒント
　1 sv.phpが起動しない
　2 WebPCやTVPCを起動しても状態表示がconnectにならない
　3 TVPCのバッテリ残量がWebPCに表示されない
　4 WebPCのコンテンツエリアにYouTube動画のサムネイルが表示されない
　5 WebPCのドロップエリアにYouTube動画のサムネイルをドラッグ＆ドロップするが、TVPCでYouTube動画の再生が始まる気配がない
　6 WebPCのコンテンツエリア、ブックマークエリア、ドロップエリアのサムネイルが急に表示されなくなった
　7 WebPCのドロップエリアにYouTube動画やServer内動画のサムネイルをドラッグ＆ドロップすると、TVPCで動画プレーヤを表示するものの自動再生しない
　8 WebPCでドラッグ＆ドロップができない
　9 Server内コンテンツをアップロードできない
　10 このシステムをインターネット経由で使いたい

Chapter 14　未来のマルチスクリーンサービス

14-1 InfoSkinが目指す世界
　InfoSkinとは
　開発の経緯
　InfoSkinに生かすHTML5の強み
　InfoSkinの可能性
14-2 商用システムへの適用と課題

付録

付録1 環境構築のための参考情報
　サーバ環境
　PHPの開発環境
　JavaScriptの開発環境
付録2 補足資料
　DBpediaから取得したRDFの例（2-4節）
　用語一覧

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

追加情報はありません。

正誤表の登録はありません。