HTML5
•
• HTML5
•
•
•
•

•

• JavaScript -> perl -> Flash
           -> PHP -> JAVA ->

•

• OSGeo
HTML5
W3C                   WHATWG
        WWW                    Apple,Mozilla,Opera

1997    HTML4
2000   XHTML1.0
2002   XHTM...
HTML4         XHTML
       XHTML2



• img , br
  =>            IE6




       XHTML2
W3C                   WHATWG
        WWW                    Apple,Mozilla,Opera

1997    HTML4
2000   XHTML1.0
2002   XHTM...
HTML5
•
•
• Local
 Flash    Gears
HTML5
HTML5


HTML5
•
• HTML4
   <= IE6
Web


• Flex AIR          DL

• Gears Flash   JavaScript

•
    HTML5          API
HTML5
  API
            HTML5


WebSockets API                 WebWorkers
                                                ...
GPS


            GPS
      GPS
GPS
        GPS
GPS



      GPS
Network
                GPS
          GPS
DEMO
•http://wakasa.org/sample/infotalk17/dd/
•http://html5demos.com/offlineapp
GPS
      Network
DEMO
•http://webbie.bz/~usami/clock.html
•http://html5demos.com/video-canvas
•http://people.mozilla.com/~prouget/demos/tra...
HTML5
<b><em><strong>


 <section>
DEMO
http://d.hatena.ne.jp/amachang/20090915/1252999677
<legend>

•
•
    <legend>   </legend>
Web Database ,Web Workers         API




             API DEMO
  •http://people.mozilla.com/~prouget/demos/
   worker_and...
Web Workers
JSON
DEMO
•http://tsuyobi.heteml.jp/html/firefox/
 orientation_event/index2.html
•http://html5demos.com/geo
PC




GPS

     WebKit
•
    =>

•           API

•
    => 3D
    =>
•        HTML5         API


    =>

•              Video
    WebSQLDatabase

• IE9
• IE6         × ■
HTML5



                  HTML5&API




                         HTML5



http://html5.jp
http://wakasa.org/sample/infotalk17/slide.pdf
    http://goo.gl/Hs1H (                 )




     masao.wakasa@connecty.co...
InfoTalk#17 1st
InfoTalk#17 1st
InfoTalk#17 1st
InfoTalk#17 1st
InfoTalk#17 1st
InfoTalk#17 1st
Upcoming SlideShare
Loading in...5
×

InfoTalk#17 1st

1,500

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,500
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

InfoTalk#17 1st

  1. 1. HTML5
  2. 2. • • HTML5 • • •
  3. 3. • • • JavaScript -> perl -> Flash -> PHP -> JAVA -> • • OSGeo
  4. 4. HTML5
  5. 5. W3C WHATWG WWW Apple,Mozilla,Opera 1997 HTML4 2000 XHTML1.0 2002 XHTML2.0 HTML4 2004 W3C 2007 HTML5 2008 HTML5 2012 HTML5 ( ) ※
  6. 6. HTML4 XHTML XHTML2 • img , br => IE6 XHTML2
  7. 7. W3C WHATWG WWW Apple,Mozilla,Opera 1997 HTML4 2000 XHTML1.0 2002 XHTML2.0 HTML4 2004 W3C 2007 HTML5 2008 HTML5 2012 HTML5 ( ) ※
  8. 8. HTML5
  9. 9. • • • Local Flash Gears
  10. 10. HTML5
  11. 11. HTML5 HTML5
  12. 12. • • HTML4 <= IE6
  13. 13. Web • Flex AIR DL • Gears Flash JavaScript • HTML5 API
  14. 14. HTML5 API HTML5 WebSockets API WebWorkers ....... ....... HTML5 Web Storage HTML5 2D Context Web SQL Database Server-Sent Events ....... .......
  15. 15. GPS GPS GPS
  16. 16. GPS GPS GPS GPS
  17. 17. Network GPS GPS
  18. 18. DEMO •http://wakasa.org/sample/infotalk17/dd/ •http://html5demos.com/offlineapp
  19. 19. GPS Network
  20. 20. DEMO •http://webbie.bz/~usami/clock.html •http://html5demos.com/video-canvas •http://people.mozilla.com/~prouget/demos/tracker/ tracker.xhtml •http://people.mozilla.com/~vladimir/webgl/spore/ sporeview.html •http://code.google.com/p/quake2-gwt-port/
  21. 21. HTML5 <b><em><strong> <section>
  22. 22. DEMO http://d.hatena.ne.jp/amachang/20090915/1252999677
  23. 23. <legend> • • <legend> </legend>
  24. 24. Web Database ,Web Workers API API DEMO •http://people.mozilla.com/~prouget/demos/ worker_and_simulatedannealing/index.xhtml •http://ayuta.co.jp/html5-samples/database/simple/ database1.html
  25. 25. Web Workers JSON
  26. 26. DEMO •http://tsuyobi.heteml.jp/html/firefox/ orientation_event/index2.html •http://html5demos.com/geo
  27. 27. PC GPS WebKit
  28. 28. • => • API • => 3D =>
  29. 29. • HTML5 API => • Video WebSQLDatabase • IE9 • IE6 × ■
  30. 30. HTML5 HTML5&API HTML5 http://html5.jp
  31. 31. http://wakasa.org/sample/infotalk17/slide.pdf http://goo.gl/Hs1H ( ) masao.wakasa@connecty.co.jp
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×