HTML5Are We There          This presentation is available at          www.slideshare.net/jkunrein.
Flash   HTML5
“HTML5”
“HTML5” HTML
“HTML5” HTML CSS3
“HTML5”  HTML  CSS3JavaScript
markup
markup   encapsulated
markup   encapsulatedstatic
markup   encapsulatedstatic   dynamic
markup   encapsulatedstatic   dynamicugly
markup   encapsulatedstatic   dynamicugly     pretty
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by anybrowser
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
markup               encapsulatedstatic               dynamicugly                 prettyinterpreted by any   requires a pl...
New Stuff
inline video and audio
<b>Halloween 2010</b><br><img src=cutestbabiesever.jpg>
Halloween 2010
inline video and audio
inline video and audiocanvas and svg
inline video and audio
inline video and audiocanvas and svg
inline video and audiocanvas and svgdrag and drop
inline video and audiocanvas and svgdrag and dropweb storage
inline video and audiocanvas and svgdrag and dropweb storageborder radius
Is HTML5 ready for    e-learning   development   and delivery?
Can’t DoEverythingFlash Can Do
And neither can these.
And neither can these.
Won’t Be Ready Until 2022
The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification ...
The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification ...
The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification ...
Some Learners Won’t  Be Able to Use It
Selected Browser Compatibility                                Internet Internet Internet                FireFox FireFox   ...
gracefuldegradation
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
<audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/    mpeg”><object...
and then there’smobile learning...
No Authoring Tools
For Web Development
For Web DevelopmentDreamweaver
For Web DevelopmentDreamweaverIllustrator
For Web DevelopmentDreamweaverIllustratorFlash
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning Development
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectora
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBook
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenr
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptiv...
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptiv...
For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptiv...
Keep in touch.jkunrein@alcorn-ward.com@jkunrein
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
HTML5: Are We There Yet?
Upcoming SlideShare
Loading in …5
×

HTML5: Are We There Yet?

311 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
311
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5: Are We There Yet?

  1. 1. HTML5Are We There This presentation is available at www.slideshare.net/jkunrein.
  2. 2. Flash HTML5
  3. 3. “HTML5”
  4. 4. “HTML5” HTML
  5. 5. “HTML5” HTML CSS3
  6. 6. “HTML5” HTML CSS3JavaScript
  7. 7. markup
  8. 8. markup encapsulated
  9. 9. markup encapsulatedstatic
  10. 10. markup encapsulatedstatic dynamic
  11. 11. markup encapsulatedstatic dynamicugly
  12. 12. markup encapsulatedstatic dynamicugly pretty
  13. 13. markup encapsulatedstatic dynamicugly prettyinterpreted by anybrowser
  14. 14. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowser
  15. 15. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch
  16. 16. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tool
  17. 17. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link
  18. 18. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link security restrictions
  19. 19. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link security restrictions
  20. 20. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link security restrictionseasy to update
  21. 21. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link security restrictionseasy to update ...if you have the same development tools
  22. 22. markup encapsulatedstatic dynamicugly prettyinterpreted by any requires a pluginbrowsereasy to branch depends on the tooleasy to link security restrictionseasy to update ...if you have the same development tools
  23. 23. New Stuff
  24. 24. inline video and audio
  25. 25. <b>Halloween 2010</b><br><img src=cutestbabiesever.jpg>
  26. 26. Halloween 2010
  27. 27. inline video and audio
  28. 28. inline video and audiocanvas and svg
  29. 29. inline video and audio
  30. 30. inline video and audiocanvas and svg
  31. 31. inline video and audiocanvas and svgdrag and drop
  32. 32. inline video and audiocanvas and svgdrag and dropweb storage
  33. 33. inline video and audiocanvas and svgdrag and dropweb storageborder radius
  34. 34. Is HTML5 ready for e-learning development and delivery?
  35. 35. Can’t DoEverythingFlash Can Do
  36. 36. And neither can these.
  37. 37. And neither can these.
  38. 38. Won’t Be Ready Until 2022
  39. 39. The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification todate, so it made no sense for us to keep referringto it as merely a draft. We will no longer befollowing the “snapshot” model of specdevelopment, with the occasional “call forcomments”, “call for implementations”, and soforth. - Ian Hickson 1/19/2011
  40. 40. The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification todate, so it made no sense for us to keep referringto it as merely a draft. We will no longer befollowing the “snapshot” model of specdevelopment, with the occasional “call forcomments”, “call for implementations”, and soforth. - Ian Hickson 1/19/2011
  41. 41. The WHATWG HTML spec can now beconsidered a “living standard”. It’s more maturethan any version of the HTML specification todate, so it made no sense for us to keep referringto it as merely a draft. We will no longer befollowing the “snapshot” model of specdevelopment, with the occasional “call forcomments”, “call for implementations”, and soforth. - Ian Hickson 1/19/2011
  42. 42. Some Learners Won’t Be Able to Use It
  43. 43. Selected Browser Compatibility Internet Internet Internet FireFox FireFox Explorer Explorer Explorer 3.5 4.0 7 8 9forms drag and drop     canvas   svg   video   audio   web storage    border radius   
  44. 44. gracefuldegradation
  45. 45. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  46. 46. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  47. 47. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  48. 48. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  49. 49. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  50. 50. <audio controls><source src=”welcome_msg.ogg” type=”audio/ogg”><source src=”welcome_msg.mp3” type=”audio/ mpeg”><object type=”application/x-shockwave-flash” data=”player.swf? soundFile=welcome_msg.mp3”> <param name=”movie” value=”player.swf? soundFile=welcome_msg.mp3”><a href=”welcome_msg.mp3”>Download the song</a></object></audio>
  51. 51. and then there’smobile learning...
  52. 52. No Authoring Tools
  53. 53. For Web Development
  54. 54. For Web DevelopmentDreamweaver
  55. 55. For Web DevelopmentDreamweaverIllustrator
  56. 56. For Web DevelopmentDreamweaverIllustratorFlash
  57. 57. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)
  58. 58. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning Development
  59. 59. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectora
  60. 60. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBook
  61. 61. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenr
  62. 62. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptivity HTML5
  63. 63. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptivity HTML5HTML Articulate Player
  64. 64. For Web DevelopmentDreamweaverIllustratorFlashEdge (coming... soon?)For e-Learning DevelopmentLectoraToolBookScreenrRaptivity HTML5HTML Articulate PlayermLearning Studio (coming soon)
  65. 65. Keep in touch.jkunrein@alcorn-ward.com@jkunrein

×