SlideShare a Scribd company logo
1 of 68
Download to read offline
Web                   
     2010   12   11
 W3C/Keio
Agenda
•    W3C
•    HTML5
•    Web and TV Interest Group
•               Web
•    CSS CJK
•    Web of Things:            
•    W3C
• 
W3C

   3




• 
• 
• 


•  Interoperability
•  Device Independence

   4




• 
• 
• 


 Web Standards
5




•                      
     –                                         
     –  ISO, JIS   
•                      
     –                                             

                                       

                                           

                               
     –  Windows        
•                                              
     –                             

                           
     –  W3C
6

                W3C
•                                                   

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

                                                        
•                                       

7




•  W3C

  –  MIT CSAIL         LCS
  –  ERCIM         INRIA
  –              SFC
8

W3C




         
     
9




70   WG   Working Group
10

W3C
W3C
12

 W3C

•  W3C≠
• 


    

    
13




       
1,          
                                              Recommendation
2, Consensus        
3, Director   
                                       Proposed
                                    Recommendation

                               Candidate
                            Recommendation

                     Last Call
                   Working Draft

           Working Draft

Working Group
 Interest Group
 Coordination Group
 Incubator Group
14

IRC
15

MIT Boston
16
17
HTML5
19




•            
•       
•  SNS
•                
•       
•                  
•           and more
20


HTML5

        



           “                                              ”

                                          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
22
               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
23
                                              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.
Web                        

     Webkit/Firefox UI         

                     Windows       :Janetter




UI                   (C
                UI
Web and TV Interest Group
HTML5                         
           26




•  Web Storage
   –               

                                       
•  Web Sockets
   –                               

                           
•  Web Workers
   –  javascript
HTML5                                  
   27




•  HTML5 Video
•  Canvas
  – 
       HTML   
  –                                 

       2D             D        
•  SVG (Scalable Vector Graphic)
  – 
HTML5



• 
• 




             28
29



•                                                

                                        
     –                       TV
                     

                                                                       

                                  URL                    


             
                                                    
                                                         TV
                                  TV



•                                 TV                          
     –  TV                                                                 

                 

                         
     –                       TV                               
     –                                      TV       
• 
Interop Tokyo 2010 6   7   11
•             Web on TV
                   
• 
                   
• 
Web on TV Workshop
•        2010     9   2      3      9:00       18    00
•                                          
•             150     




      http://www.w3.org/2010/09/web-on-tv/cfp.html
                                                           31
Web on TV Workshop
•  Interest Group     

TPAC 2010 Lyon
•    1                    

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

                      
     –  2011    1         

                    
     –                            

•                                             

                                      
•  Interest Group
       Working Group
38
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
41
42
43

JLTF
44
45

     JLTF
•                    

                             

                 
•                        

             

     
•                

CSS   CJK   




•                                 
•  iPad, Kindle, GALAPAGOS
                          
•  ePUB, XMDF                     

                           
                    =HTML+CSS
CJK
•                      Japan(       )   
     –  China (   ):            
     –  Korea (   ):



       CJK (China/ Japan/ Korea)
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
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”
CSS/CJK                                             


     W3C                     

     CSS                                                             
•          2010   11    17   (    ) 16              17       
•                                               
•                      (NTT), 

                       (                  ),

                       (ACCESS)          <                   >

   W3C,CSS Workshop                  
•       2011 6                   
• 
Web of Things
53

                 Web                            Web          
      IT                                        
Web                                         


 Web                       Web                                   

                       
   FTTH                                               
                                                 
   Felica                               
            IT                    

                                            open Web application 

platform                                               

                   


                                 WoT (Web of Things)
54

           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/
55

 The Web of Things
•  Identifier(                                

                                                 
•  Identifier    URI    WWW               

         
•                     ……     

   URI          WWW              

                                     




   The Web of Things
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…
57

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




World Wide Web Consortium. Keio
    Research Institute at SFC
W3C

                                                              
 World Wide Web Consortium. Keio Research Institute at SFC
World Wide Web Consortium. Keio Research Institute at SFC
World Wide Web Consortium. Keio Research Institute at SFC
   62
World Wide Web Consortium. Keio Research Institute at SFC
       63
64




1.               W3C               
      1.  Working Group
                        
      2.     (       F2F)
                      

          →                                             

                   
2.  Interest Group                 
                                                            
                           JAIG (Japanese Interest Group)
             
                                                 

                                
        Web and TV Interest Group                               

                              
3. 
Keio-contact@w3.org
http://www.w3.org
66 

                       W3C              URL
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
67 

           HTML5/CSS3                   URL
•  Drag & Drop
     –  http://diaspar.jp/node/200
•  Visualizing the World Cup
     –  http://robertivan.com/WorldCuphtml5.html
•  Feedtank| html 5 canvas test
     –  http://www.feedtank.com/labs/html_canvas/
•                              
     –  http://wallpapers.foxkeh.com/ja/creator/
        pc.xhtml?
•  Mozilla Audio Data API
     –  http://videos.mozilla.org/serv/blizzard/audio-
        slideshow/

More Related Content

What's hot

02 asynchronized distance learning
02 asynchronized distance learning02 asynchronized distance learning
02 asynchronized distance learning宥均 林
 
[Workshop Summits] Microformats Workshop
[Workshop Summits] Microformats Workshop[Workshop Summits] Microformats Workshop
[Workshop Summits] Microformats WorkshopEmily Lewis
 
Enterprise Social using Open Source Frameworks (SMWCPH)
Enterprise Social using Open Source Frameworks (SMWCPH)Enterprise Social using Open Source Frameworks (SMWCPH)
Enterprise Social using Open Source Frameworks (SMWCPH)Werner Keil
 
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)Saltlux zinyus
 
Enterprise Social using Open Source Frameworks
Enterprise Social using Open Source FrameworksEnterprise Social using Open Source Frameworks
Enterprise Social using Open Source FrameworksWerner Keil
 
Lessons learned Building Nuxeo EP - Component-based, open source ECM platform
Lessons learned Building Nuxeo EP - Component-based, open source ECM platformLessons learned Building Nuxeo EP - Component-based, open source ECM platform
Lessons learned Building Nuxeo EP - Component-based, open source ECM platformNuxeo
 
JavaScript Libraries (Ajax Exp 2006)
JavaScript Libraries (Ajax Exp 2006)JavaScript Libraries (Ajax Exp 2006)
JavaScript Libraries (Ajax Exp 2006)jeresig
 
First Industrial Results of Semantic Technologies - Claudio Bergamini
First Industrial Results of Semantic Technologies -  Claudio BergaminiFirst Industrial Results of Semantic Technologies -  Claudio Bergamini
First Industrial Results of Semantic Technologies - Claudio BergaminiClaudio Bergamini
 
CouchConf NYC CouchApps
CouchConf NYC CouchAppsCouchConf NYC CouchApps
CouchConf NYC CouchAppsBradley Holt
 

What's hot (10)

02 asynchronized distance learning
02 asynchronized distance learning02 asynchronized distance learning
02 asynchronized distance learning
 
[Workshop Summits] Microformats Workshop
[Workshop Summits] Microformats Workshop[Workshop Summits] Microformats Workshop
[Workshop Summits] Microformats Workshop
 
Enterprise Social using Open Source Frameworks (SMWCPH)
Enterprise Social using Open Source Frameworks (SMWCPH)Enterprise Social using Open Source Frameworks (SMWCPH)
Enterprise Social using Open Source Frameworks (SMWCPH)
 
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가토크릴레이 1탄 html5 전망 (전종홍 박사)
 
Enterprise Social using Open Source Frameworks
Enterprise Social using Open Source FrameworksEnterprise Social using Open Source Frameworks
Enterprise Social using Open Source Frameworks
 
Lessons learned Building Nuxeo EP - Component-based, open source ECM platform
Lessons learned Building Nuxeo EP - Component-based, open source ECM platformLessons learned Building Nuxeo EP - Component-based, open source ECM platform
Lessons learned Building Nuxeo EP - Component-based, open source ECM platform
 
JavaScript Libraries (Ajax Exp 2006)
JavaScript Libraries (Ajax Exp 2006)JavaScript Libraries (Ajax Exp 2006)
JavaScript Libraries (Ajax Exp 2006)
 
First Industrial Results of Semantic Technologies - Claudio Bergamini
First Industrial Results of Semantic Technologies -  Claudio BergaminiFirst Industrial Results of Semantic Technologies -  Claudio Bergamini
First Industrial Results of Semantic Technologies - Claudio Bergamini
 
W3C-כיצד פועל ה
W3C-כיצד פועל הW3C-כיצד פועל ה
W3C-כיצד פועל ה
 
CouchConf NYC CouchApps
CouchConf NYC CouchAppsCouchConf NYC CouchApps
CouchConf NYC CouchApps
 

Viewers also liked

Minderin p2 p系统文档
Minderin p2 p系统文档Minderin p2 p系统文档
Minderin p2 p系统文档fubenbo
 
Media evaluation post 1
Media evaluation post 1Media evaluation post 1
Media evaluation post 1GeorgePic
 
What are the FIRST Facebook Ads you should do?
What are the FIRST Facebook Ads you should do?What are the FIRST Facebook Ads you should do?
What are the FIRST Facebook Ads you should do?Jody Milward
 
Land tenure in pastoralist society: Pastoralists Land Rights
Land tenure in pastoralist society: Pastoralists Land RightsLand tenure in pastoralist society: Pastoralists Land Rights
Land tenure in pastoralist society: Pastoralists Land RightsLoupa Pius
 
201203 smb Facebook Cloud
201203 smb Facebook Cloud201203 smb Facebook Cloud
201203 smb Facebook CloudYuichi Morito
 
Advertising Beyond Borders -Ghana
Advertising Beyond Borders -GhanaAdvertising Beyond Borders -Ghana
Advertising Beyond Borders -GhanaKantar
 
Story about martha
Story about marthaStory about martha
Story about marthaNat Mart
 

Viewers also liked (18)

101 lecture 7
101 lecture 7101 lecture 7
101 lecture 7
 
Qt abril 2
Qt abril 2Qt abril 2
Qt abril 2
 
Carers and Damp Homes
Carers and Damp HomesCarers and Damp Homes
Carers and Damp Homes
 
Minderin p2 p系统文档
Minderin p2 p系统文档Minderin p2 p系统文档
Minderin p2 p系统文档
 
Campaña
CampañaCampaña
Campaña
 
Checklist Linkedin
Checklist LinkedinChecklist Linkedin
Checklist Linkedin
 
Media evaluation post 1
Media evaluation post 1Media evaluation post 1
Media evaluation post 1
 
CarbonAds
CarbonAdsCarbonAds
CarbonAds
 
What are the FIRST Facebook Ads you should do?
What are the FIRST Facebook Ads you should do?What are the FIRST Facebook Ads you should do?
What are the FIRST Facebook Ads you should do?
 
Prese
PresePrese
Prese
 
Partes celula jael
Partes celula jaelPartes celula jael
Partes celula jael
 
Land tenure in pastoralist society: Pastoralists Land Rights
Land tenure in pastoralist society: Pastoralists Land RightsLand tenure in pastoralist society: Pastoralists Land Rights
Land tenure in pastoralist society: Pastoralists Land Rights
 
BIOLOGIA CELULAR
BIOLOGIA CELULARBIOLOGIA CELULAR
BIOLOGIA CELULAR
 
201203 smb Facebook Cloud
201203 smb Facebook Cloud201203 smb Facebook Cloud
201203 smb Facebook Cloud
 
Advertising Beyond Borders -Ghana
Advertising Beyond Borders -GhanaAdvertising Beyond Borders -Ghana
Advertising Beyond Borders -Ghana
 
Sanitary panels
Sanitary panelsSanitary panels
Sanitary panels
 
Story about martha
Story about marthaStory about martha
Story about martha
 
GDP Deflator
GDP Deflator GDP Deflator
GDP Deflator
 

Similar to Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来

전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)zinyus
 
HTML5のご紹介
HTML5のご紹介HTML5のご紹介
HTML5のご紹介yoshikawa_t
 
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 Web技術の現状と将来 (Open Source Conference 2011 Nagoya) Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)Rikkyo University
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)AI4BD GmbH
 
HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
 
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto) Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto) Rikkyo University
 
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版Rikkyo University
 
Top 10 Web and HTML5 Predictions for 2013
Top 10 Web and HTML5 Predictions for 2013Top 10 Web and HTML5 Predictions for 2013
Top 10 Web and HTML5 Predictions for 2013Jonathan Jeon
 
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」Rikkyo University
 
HTML5 어디까지 왔나?
HTML5 어디까지 왔나?HTML5 어디까지 왔나?
HTML5 어디까지 왔나?정현 황
 
Web2.0 Ppt
Web2.0  PptWeb2.0  Ppt
Web2.0 PptPark.C.H
 
おさらい!ウェブ標準!!
おさらい!ウェブ標準!!おさらい!ウェブ標準!!
おさらい!ウェブ標準!!Rikkyo University
 
End to-end W3C - JS.everywhere(2012) Europe
End to-end W3C - JS.everywhere(2012) EuropeEnd to-end W3C - JS.everywhere(2012) Europe
End to-end W3C - JS.everywhere(2012) EuropeAlexandre Morgaut
 
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Develop a Quick and Dirty Web interface to your database: for the DBA and oth...
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Gabriel Villa
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5dynamis
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5Jonathan Jeon
 
Web Technologies 2.0
Web Technologies 2.0Web Technologies 2.0
Web Technologies 2.0Andleeb Joyia
 

Similar to Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来 (20)

전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
전문가 토크릴레이 1탄 html5 전망 (전종홍 박사)
 
HTML5のご紹介
HTML5のご紹介HTML5のご紹介
HTML5のご紹介
 
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 Web技術の現状と将来 (Open Source Conference 2011 Nagoya) Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
 
HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)
 
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto) Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
 
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
 
Top 10 Web and HTML5 Predictions for 2013
Top 10 Web and HTML5 Predictions for 2013Top 10 Web and HTML5 Predictions for 2013
Top 10 Web and HTML5 Predictions for 2013
 
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
 
HTML5 어디까지 왔나?
HTML5 어디까지 왔나?HTML5 어디까지 왔나?
HTML5 어디까지 왔나?
 
Web2.0 Ppt
Web2.0  PptWeb2.0  Ppt
Web2.0 Ppt
 
Html5 Flyover
Html5 FlyoverHtml5 Flyover
Html5 Flyover
 
おさらい!ウェブ標準!!
おさらい!ウェブ標準!!おさらい!ウェブ標準!!
おさらい!ウェブ標準!!
 
End to-end W3C - JS.everywhere(2012) Europe
End to-end W3C - JS.everywhere(2012) EuropeEnd to-end W3C - JS.everywhere(2012) Europe
End to-end W3C - JS.everywhere(2012) Europe
 
Transforming the web into a real application platform
Transforming the web into a real application platformTransforming the web into a real application platform
Transforming the web into a real application platform
 
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Develop a Quick and Dirty Web interface to your database: for the DBA and oth...
Develop a Quick and Dirty Web interface to your database: for the DBA and oth...
 
Html5 Primer
Html5 PrimerHtml5 Primer
Html5 Primer
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
 
Web Technologies 2.0
Web Technologies 2.0Web Technologies 2.0
Web Technologies 2.0
 

More from Rikkyo University

LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門Rikkyo University
 
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料Rikkyo University
 
Web標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメントWeb標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメントRikkyo University
 
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版Rikkyo University
 
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo SpringRikkyo University
 
W3C における IPv6 への取り組み
W3C における IPv6 への取り組みW3C における IPv6 への取り組み
W3C における IPv6 への取り組みRikkyo University
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜Rikkyo University
 

More from Rikkyo University (7)

LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門
 
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
 
Web標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメントWeb標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメント
 
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版
 
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring
全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring
 
W3C における IPv6 への取り組み
W3C における IPv6 への取り組みW3C における IPv6 への取り組み
W3C における IPv6 への取り組み
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
 

Recently uploaded

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 

Recently uploaded (20)

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来

  • 1. Web 2010 12 11 W3C/Keio
  • 2. Agenda •  W3C •  HTML5 •  Web and TV Interest Group •  Web •  CSS CJK •  Web of Things: •  W3C • 
  • 3. W3C
  • 4. 3 •  •  •  •  Interoperability •  Device Independence
  • 5. 4 •  •  •  Web Standards
  • 6. 5 •  –  –  ISO, JIS •  –  
 
 
 –  Windows •  –  
 –  W3C
  • 7. 6 W3C •  
 •  300 –  http://www.w3.org/Consortium/ Member/List •  
 •  

  • 8. 7 •  W3C –  MIT CSAIL LCS –  ERCIM INRIA –  SFC
  • 9. 8 W3C      
  • 10. 9 70 WG Working Group
  • 12. W3C
  • 14. 13 1, Recommendation 2, Consensus 3, Director Proposed Recommendation Candidate Recommendation Last Call Working Draft Working Draft Working Group Interest Group Coordination Group Incubator Group
  • 17. 16
  • 18. 17
  • 19. HTML5
  • 20. 19 •  •  •  SNS •  •  •  •  and more
  • 21. 20 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. 22 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. 23 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 
 26 •  Web Storage –  
 •  Web Sockets –  
 •  Web Workers –  javascript
  • 28. HTML5 
 27 •  HTML5 Video •  Canvas –  HTML –  
 2D D •  SVG (Scalable Vector Graphic) – 
  • 30. 29 •  
 –  TV 
 
 URL 
 TV TV •  TV –  TV 
 
 –  TV –  TV • 
  • 31. Interop Tokyo 2010 6 7 11 •  Web on TV •  • 
  • 32. Web on TV Workshop •  2010 9 2 3 9:00 18 00 •  •  150 http://www.w3.org/2010/09/web-on-tv/cfp.html 31
  • 33. Web on TV Workshop •  Interest Group 

  • 34. TPAC 2010 Lyon •  1 
 • 
  • 36. Web and TV Interest Group •  Charter •  http://www.w3.org/2010/09/ webTVIGcharter.html
  • 37. •  Workshop 
 –  2011 1 
 –  •  
 •  Interest Group Working Group
  • 38.
  • 39. 38
  • 40. 39 ePUB •  ePub: International Digital Publishing Forum IDPF 
 •  XHTML CSS •  iPad iBooks •  

  • 41. 40 JLTF: Japan Layout Task Force •  •  =W3C 
 → •  CSS XML SVG ) Working Group •  JIS X4051
  • 42. 41
  • 43. 42
  • 45. 44
  • 46. 45 JLTF •  
 
 •  
 
 •  

  • 47. CSS CJK 

  • 48. 
 •  •  iPad, Kindle, GALAPAGOS •  ePUB, XMDF =HTML+CSS
  • 49. CJK •  Japan( ) –  China ( ): –  Korea ( ): CJK (China/ Japan/ Korea)
  • 50. 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
  • 51. 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”
  • 52. CSS/CJK 
 W3C 
 CSS •  2010 11 17 ( ) 16 17 •  •  (NTT), 
 ( ),
 (ACCESS) < > W3C,CSS Workshop •  2011 6 • 
  • 54. 53 Web Web IT Web Web Web FTTH Felica IT open Web application 
 platform 
 WoT (Web of Things)
  • 55. 54 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/
  • 56. 55 The Web of Things •  Identifier( 
 •  Identifier URI WWW 
 •  …… 
 URI WWW 
 
 The Web of Things
  • 57. 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…
  • 58. 57 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.
  • 60. 59 World Wide Web Consortium. Keio Research Institute at SFC
  • 61. W3C World Wide Web Consortium. Keio Research Institute at SFC
  • 62. World Wide Web Consortium. Keio Research Institute at SFC
  • 63. World Wide Web Consortium. Keio Research Institute at SFC 62
  • 64. World Wide Web Consortium. Keio Research Institute at SFC 63
  • 65. 64 1.  W3C 1.  Working Group 2.  ( F2F) 
 → 
 2.  Interest Group     JAIG (Japanese Interest Group)   
   Web and TV Interest Group 
 3. 
  • 67. 66  W3C URL 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
  • 68. 67  HTML5/CSS3 URL •  Drag & Drop –  http://diaspar.jp/node/200 •  Visualizing the World Cup –  http://robertivan.com/WorldCuphtml5.html •  Feedtank| html 5 canvas test –  http://www.feedtank.com/labs/html_canvas/ •  –  http://wallpapers.foxkeh.com/ja/creator/ pc.xhtml? •  Mozilla Audio Data API –  http://videos.mozilla.org/serv/blizzard/audio- slideshow/