2011年3月4日(金)早稲田大学で行われた、W3C/Keioサイトマネージャー一色正男の講演資料です。

1. Web
2010 3 4
W3C/Keio

2. Agenda
• W3C
• HTML5
• Web and TV Interest Group
• Web
• CSS CJK
• Web of Things:
• W3C
•

3. W3C

4.
•
•
•
• Interoperability
• Device Independence

5.
•
•
•
Web Standards

6. •
–
– ISO, JIS
•
–
– Windows
•
–
– W3C

7. W3C
•
• 300
– http://www.w3.org/Consortium/
Member/List
•
•

8. 7
• W3C
– MIT CSAIL LCS
– ERCIM ( )
– SFC

9. W3C

10. 70 WG Working Group

11. W3C

12. W3C

13. W3C
• W3C≠
•



14. 1,
Recommendation
2, Consensus
3, Director
Proposed
Recommendation
Candidate
Recommendation
Last Call
Working Draft
Working Draft
Working Group
Interest Group
Coordination Group
Incubator Group

15. IRC

16. MIT Boston

19. HTML5

20. •
•
• SNS
•
•
•
• and more

21. HTML5

22.
“ ”
Car CE
E Etc
Mobil
PC e TV Nav Device Powe Indust
i s r ry
DLNA,ECHON
WAC,** BML,CE- CAN,** ET,BacNet,**
Business platform HTML,
LDLNA,**
Interface
=HTML+ CSS+API
+?
Application Platform (HTML5)
W3C
Members
Browsing Platform

23. HTML
HTML SGML XML
IEFT
HTML2 2000 XHTML1.0
2000
HTML3 2001 XHTML1.1 XHTML Basic
XML
HTML3.2 XHTML2.0
HTML IBM
DB
HTML4
※XHTML2.0
HTML
HTML4.01 Public
HTML5
Web
Public
MS Opera, Mozila, Google, Apple
2010 0 Draft 2012 CR

24. HTML5
• W3C HTML4.01 XHTML1.0
DOM2 HTML
• WHATWG Apple Opera Mozilla 2004 6
W3C
• HTML
1) HTML
2) Web API
• File API
Web
API
• Geolocation API
Web API
• UI API
DOM API
etc.

25. Web
Webkit/Firefox UI
Windows :Janetter
UI (C
UI

26. Web and TV Interest Group

27. HTML5
• Web Storage
–
• Web Sockets
–
• Web Workers
– javascript

28. HTML5
• HTML5 Video
• Canvas
–
HTML
–
2D D
• SVG (Scalable Vector Graphic)
–

29. HTML5
•
•

30. •
– TV
URL
TV
TV
• TV
– TV
– TV
– TV
•

31. Interop Tokyo 2010 6 7 11
• Web on TV
•
•

32. 2010 9
Web on TV Workshop
• 150
• Interest Group

33. TPAC 2010 Lyon
• 1
•

34. TPAC2010 Lyon
•
•

35. Web and TV Workshop
in Berlin (2011 2
• ,
120 !
• , , NHK
(ACCESS )

36. Web and TV Interest Group
• Charter
• http://www.w3.org/2010/09/
webTVIGcharter.html

39. ePUB
• ePub: International Digital Publishing
Forum IDPF
• XHTML CSS
• iPad iBooks
•

40. JLTF: Japan Layout Task Force
•
• =W3C
→
• CSS XML SVG ) Working
Group
• JIS X4051

43. JLTF

45. JLTF
•
•
•

46. CSS CJK

47.
•
• iPad, Kindle, GALAPAGOS
• ePUB, XMDF
=HTML+CSS

48. CJK
• Japan( )
– China ( ):
– Korea ( ):
CJK (China/ Japan/ Korea)

49. W3C
CSS CJK
Target for: Globalization =with CJK Layout specs
=Japan, Taiwan, China, Mongol, African
ePuB etc..
Purpose for : “Global One Web” with W3C standards!
Work area : CSS , (+HTML5, SVG)
refer
Globalization
(Global Layout
CSS3 + Globali
zation
Into Specs)
*Vertical Layout
Global
*Ruby
One
HTML
* etc..
Web 5
:
Web CSS
W3C

50. Taiwan,
Global
Globalization CJK
Layout
Korea,
(Global Layout
Layout
china,
IG
Requirements) Specs
(New)
Mongol,
1st step:
Africa..
CSS +
“Globalization”
Impacted
CSS I18n
To Many
(Inter
HTML global
CSS
SVG
natio
5
cultures
naliz
ation)
“Japanes
JLTF =Japan Layout Task Force
e Layout
(W3C/Keio supported, ending)
Results
notes”

51. Web of Things

52. Web Web
IT
Web
Web Web
FTTH
Felica
IT
open Web application
platform
WoT (Web of Things)

53. The Web of Things
It's not the wires - it's the computers
It's not the documents - it's the things
The World of Things ... on the Web
http://ercim-news.ercim.eu/content/view/343/536/

54. The Web of Things
• Identifier(
• Identifier URI WWW
• ……
URI WWW
The Web of Things

55. Web Application Platform
open Web application platform
Web of
Only use web things
technologies
Web of
things
On open Web application platform On open Web application platform
Service
Adaptor
Server
Cloud, agent, GTW, TCP/IP, Java, OS,
internet, .. API…

56. WoT
WoT
a) Sensor WoT Soft Modules:
b) Security Service Application
EMMA /TCPIP
Sensor Sensor WoT Board
Server
Router
Service
Sensor
WoT
So=
modules
Security
EM Service
MA Applica/on
Android

59. W3C

63. 1. W3C
1. Working Group
2. ( F2F)
→
2. Interest Group

 JAIG (Japanese Interest Group)

 Web and TV Interest Group
3.

64. Keio-contact@w3.org
http://www.w3.org

65. W3C
W3C :
* W3C =http://www.w3.org/
W3C =http://www.w3.org/Consortium/
=http://www.w3.org/Consortium/new-to-w3c.html
: http://www.w3.org/Consortium/application.php3
W3c Application Step 1.pdf
W3C Patent Policy=http://www.w3.org/Consortium/Patent-
Policy-20040205/
* Patent Policy FAQ=http://www.w3.org/2003/12/22-pp-faq.html
* Implementation of Patent Policy
=http://www.w3.org/2004/01/pp-impl/
W3C =http://www.w3.org/2005/11/Translations/
Query?titleLanguageMatch=&lang=ja&search2=Submit
Validator)=http://validator.w3.org/#validate_by_uri

66. HTML5
URL
• Drag & Drop
– Diaspar Journal: Drag & Drop - HTML5
http://diaspar-journal.blogspot.com/2008/09/drag-drop-html5.html
• SVG
–
http://wallpapers.foxkeh.com/ja/creator/pc.xhtml
• canvas
– HTML5 Experiment: Visualizing the World Cup
http://robertivan.com/WorldCuphtml5.html
– U.S. Nissan | Leaf
http://www.nissanusa.com/leaf-electric-car/index#/leaf-electric-car/index
• CANVAS & HTML5 Video
– HTML5 Video Destruction
http://craftymind.com/factory/html5video/CanvasVideo.html
• Audio Data API
– Mozilla Audio Data API
http://videos.mozilla.org/serv/blizzard/audio-slideshow/
• CSS3
– Google Images Box CSS 3D example
http://www.addyosmani.com/resources/googlebox/