Webの進化

OSに異存しないアプリ開発のプラットフォームに

Open Web Platform

HTML5を核とする，Webアプリのプログラミング環境

(Mozilla Japan dynamis氏 講演スライドより引用)

HTML5の復習

HTML (HyperText Markup Language) のバージョン5

• Webページは「HTML(文法)とCSS(スタイル)」で記述されている
• W3Cで国際的に標準化されており，どのブラウザでも表示可能

HTML5の特徴

• プラグイン不要で，音声や動画等マルチメディアコンテンツを再生可能
• 各種機器との連携や，柔軟なプログラミングを可能とする様々なJavaScript APIを追加
• WebKit等，オープンな共通開発プラットフォームの充実

HTML5への期待

• 機器の種類やメーカの差異に依存しない，簡便かつ柔軟なアプリケーション開発
• 標準化されたJavaScript APIとオープンソース開発環境の利用により，開発効率向上
• 高度化されたHTMLおよびCSS利用によるGUIレイアウトの工数削減

様々な新機能

• Video & Audio: Flash等のプラグイン不要で動画や音声の再生
• Canvas: 2次元画像のお絵描き
• Drag & Drop: 画像やテキストの移動・編集
• Web Storage: ローカルクライアントでのデータ保存
• Web Socket: 双方向かつ全二重通信
• Web Workers: マルチプロセス
• Service Worker: サーバプッシュ

→ 強力な拡張機能を持つ標準プラットフォーム

→ 適用範囲は「PC/モバイル」から，「TV」，「クルマ」，そして「モノ」へ!

W3CのWeb技術国際標準化

Lead the Web to its full potential!

• Web考案者 Tim Berners-Lee が1994年に創設

  

• Web技術標準化のための国際的産業コンソーシアム
• Webの相互運用性確保のために，各種標準仕様および指針を策定
• 代表的なWeb標準HTML5が2014年10月28日にW3C勧告化

W3Cは設立20周年

2014年，米国サンタクララにて「W3C20」(設立20周年式典) 開催

Tim Berners-Lee (Web発明者) とVint Cerf (Internet発明者)

W3C会員企業

全世界: 会員企業一覧

• 414団体: ブラウザ，Webサービス，家電，通信，ハード，ソフト等

W3C日本会員:

• 38団体 (順不同):
  • 機器系: キヤノン, 富士通, 日立，三菱電機, NEC, パナソニック，ソニー, 東芝
  • Webブラウザ/その他ソフト/Web開発系: ACCESS, jig.jp, Alfasado, アンテナハウス, APTPOD, BPS, ECN, 未来技術研究所, IQP, レイハウオリ, レピダム, ミツエーリンクス, ニューフォリア, オロ, ティファナ, UNI, Vivliostyle
  • Webサービス等: 楽天
  • 通信/放送: KDDI, NTT, NTTドコモ, NHK, 民放連，トマデジ
  • 教育: インタ−ネット・アカデミー, 慶應義塾大学
  • その他団体等: AMEI，鯖江市，JRS, DSC

W3C運営体制
— 4つのホスト機関

アメリカ: マサチューセッツ工科大学 (MIT)

フランス: 欧州情報処理数学研究コンソーシアム (ERCIM)

日本: 慶應義塾大学 (Keio)

中国: 北京航空航天大学 (Beihang)

W3C運営体制
— 技術ドメイン

Webと〇〇をつなぐW3Cの国際標準化

例えば:

• Webとクルマ: Automotive WG
• Webとモノ: Web of Things
• WebとUI: Multimodal Interaction

とか :)

Webとクルマ: Automotive

ねらい

• 自動車におけるWeb技術応用を促進
• 車載IVIをHTML5で制御するための，データ定義とAPI仕様
• Tizen IVI, GENIVI, Webinos, QNX等の既存仕様と整合性確保

2014年12月4日: BGによるドラフト仕様書完成

→ WGでの標準化へ

• Vehicle Information Access API (車載機器の制御API定義)
• Vehicle Data (車載機器のデータ定義)

コネクテッドカー

Web連携で

高度ナビ・プローブ，運転支援情報提供，運転状況記録，異常検知・緊急通知等

セキュリティ対策

問題事例洗い出し，セキュリティモデル明確化，基本アーキテクチャ

→ 「車とヘッドユニット」の間にデータブローカ， 「車とクラウド」の間にプロキシ

Webとクルマのハッカソン

2016年1月30-31日に，ハッカソン開催

• Vehicle APIを利用して走行データを取得・活用するWebアプリの開発
• 車速，アクセル，ブレーキ，エンジン回転数，オドメータ，ハンドル角度，燃費，車両位置，加減速等
• 開発環境として，Pollyfill実装されたVehicle API処理系を提供

Webとモノ: Web of Things

ねらい

• IoT(モノのインターネット)とWebのインタフェース議論
• ネットワーク機器制御のプロトコル変換，制御スクリプト，記述モデル
• Interest Groupによる基礎議論 → Working Groupによる仕様化へ

TFごとの技術議論

• API&Protocol Mapping: ネット機器プロトコルとWebのインタフェース変換，スクリプトAPI
• Thing Description: 機器の機能や状態を記述するモデル，そのための用語定義
• Discovery: ネットワーク上の機器発見，認証
• Security&Privacy: セキュリティとプライバシー

Servientアーキテクチャ

(Sophia-Antipolis会合のPanaosonic/富士通資料より引用)

Servient同士の相互接続

(Sophia-Antipolis会合のPanaosonic/富士通資料より引用)

WebとUI: Mulitimodal Interaction (MMI)
— 実は2002年からやってます．最近はネット機器連携にも応用:)

ねらい

• Webアプリのために，さまざまなUIを組み合わせて活用
• GUI，タッチパネル，ペン入力，音声入出力，ジェスチャー入力，CGアバター等の組み合わせ

モダリティ統合のための枠組

• MMI Architecture: 基本アーキテクチャとアプリケーションのライフサイクル制御
• SCXML: 状態遷移の管理
• EMMA 2.0: 共通データモデル定義

様々なUIモダリティの標準化

• SSML, PLS: 音声合成
• SRGS, SISR: 音声認識
• InkML: 手書き入力，ジェスチャー入力
• CCXML: 電話コントロール
• EmotionML: 感情情報記述

MMIな世界

そして，「Web標準」は，Webとあなたをつなぐ!

(http://theleidener.com/2015/03/10/i-want-your-opinion-an-introduction/ より引用)

ありがとうございました!