Desigining for Mobile Learning

1,996 views

Published on

This session provides an overview of what you need to know for designing for mobile delivery of content, what size, tools and techniques help to improve deliver of learning content. Several resources, sites and tools are provided to get you started.

Published in: Technology

Desigining for Mobile Learning

  1. 1. Desiging Mobile Learning Nick@sealworks.com Designing Mobile Learning (mLearning) Nick@sealworks.com Twitter.com/NickFloro starts at 2:45twitter.com/nickfloro 1 of 165 03/24/11
  2. 2. Desiging Mobile Learning Nick@sealworks.com The Web Platform is Acceleratingtwitter.com/nickfloro 2 of 165 03/24/11
  3. 3. Desiging Mobile Learning Nick@sealworks.com Solving Developer Challenges Graphics Location Storage Speedtwitter.com/nickfloro 3 of 165 03/24/11
  4. 4. Desiging Mobile Learning Nick@sealworks.com 480 million Newspaperstwitter.com/nickfloro 4 of 165 03/24/11
  5. 5. Desiging Mobile Learning Nick@sealworks.com 1.4 billion Internet userstwitter.com/nickfloro 5 of 165 03/24/11
  6. 6. Desiging Mobile Learning Nick@sealworks.com 1.5 billion TV’stwitter.com/nickfloro 6 of 165 03/24/11
  7. 7. Desiging Mobile Learning Nick@sealworks.com 1.7 billion Credit Cardstwitter.com/nickfloro 7 of 165 03/24/11
  8. 8. Desiging Mobile Learning Nick@sealworks.com 2.25 billion Tooth Brushestwitter.com/nickfloro 8 of 165 03/24/11
  9. 9. Desiging Mobile Learning Nick@sealworks.com 4 billion Mobile Phonestwitter.com/nickfloro 9 of 165 03/24/11
  10. 10. Desiging Mobile Learning Nick@sealworks.com Develop once Push everywheretwitter.com/nickfloro 10 of 165 03/24/11
  11. 11. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 11 of 165 03/24/11
  12. 12. Desiging Mobile Learning Nick@sealworks.com 7 Questions to Define the Project What is the budget? What is the goal? What are the learning objectives? Does the content exist? What is the timetable? Who is the audience and how will they use it? Current technology or solution in place?twitter.com/nickfloro 12 of 165 03/24/11
  13. 13. Desiging Mobile Learning Nick@sealworks.com Understanding the Technologytwitter.com/nickfloro 13 of 165 03/24/11
  14. 14. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 14 of 165 03/24/11
  15. 15. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 15 of 165 03/24/11
  16. 16. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 16 of 165 03/24/11
  17. 17. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 17 of 165 03/24/11
  18. 18. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 18 of 165 03/24/11
  19. 19. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 19 of 165 03/24/11
  20. 20. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 20 of 165 03/24/11
  21. 21. Desiging Mobile Learning Nick@sealworks.com Pixels & Aspect Ratio Selecting a Size Android Xoom 1280 x 720 HTC Incredible iPad 800 x 480 1024 x 768 iPhone 4 960 x 640 Droid 854 x 480 iPhone 480 x 320twitter.com/nickfloro 21 of 165 03/24/11
  22. 22. Desiging Mobile Learning Nick@sealworks.com Sample Simulation with HTML 5twitter.com/nickfloro 22 of 165 03/24/11
  23. 23. Desiging Mobile Learning Nick@sealworks.com Web Apptwitter.com/nickfloro 23 of 165 03/24/11
  24. 24. Desiging Mobile Learning Nick@sealworks.com Web Apptwitter.com/nickfloro 24 of 165 03/24/11
  25. 25. Desiging Mobile Learning Nick@sealworks.com JAVASCRIPT JQuery HTML 5 CSS3 AJAXtwitter.com/nickfloro 25 of 165 03/24/11
  26. 26. Desiging Mobile Learning Nick@sealworks.com Development Toolstwitter.com/nickfloro 26 of 165 03/24/11
  27. 27. Desiging Mobile Learning Nick@sealworks.com Publish for iPhonetwitter.com/nickfloro 27 of 165 03/24/11
  28. 28. Desiging Mobile Learning Nick@sealworks.com Publish for iPhonetwitter.com/nickfloro 28 of 165 03/24/11
  29. 29. Desiging Mobile Learning Nick@sealworks.com Publish for iPhonetwitter.com/nickfloro 29 of 165 03/24/11
  30. 30. Desiging Mobile Learning Nick@sealworks.com Publish for Androidtwitter.com/nickfloro 30 of 165 03/24/11
  31. 31. Desiging Mobile Learning Nick@sealworks.com Publish for iPhone Publish for Androidtwitter.com/nickfloro 31 of 165 03/24/11
  32. 32. Desiging Mobile Learning Nick@sealworks.com labs.adobe.com/technologies/wallaby/twitter.com/nickfloro 32 of 165 03/24/11
  33. 33. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 33 of 165 03/24/11
  34. 34. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 34 of 165 03/24/11
  35. 35. Desiging Mobile Learning Nick@sealworks.com Text Messaging SMS Integration Would you like to sell, hold or buy? 1. Sell 2. Buy 3. Holdtwitter.com/nickfloro 35 of 165 03/24/11
  36. 36. Desiging Mobile Learning Nick@sealworks.com www.runrev.comtwitter.com/nickfloro 36 of 165 03/24/11
  37. 37. Desiging Mobile Learning Nick@sealworks.com www.eclipse.orgtwitter.com/nickfloro 37 of 165 03/24/11
  38. 38. Desiging Mobile Learning Nick@sealworks.com www.gamesalad.comtwitter.com/nickfloro 38 of 165 03/24/11
  39. 39. Desiging Mobile Learning Nick@sealworks.com Understand Designtwitter.com/nickfloro 39 of 165 03/24/11
  40. 40. Desiging Mobile Learning Nick@sealworks.com Itʼs about communication and problem solving.twitter.com/nickfloro 40 of 165 03/24/11
  41. 41. Desiging Mobile Learning Nick@sealworks.com Design is how it works.twitter.com/nickfloro 41 of 165 03/24/11
  42. 42. Desiging Mobile Learning Nick@sealworks.com How do we start?twitter.com/nickfloro 42 of 165 03/24/11
  43. 43. Desiging Mobile Learning Nick@sealworks.com Sketchestwitter.com/nickfloro 43 of 165 03/24/11
  44. 44. Desiging Mobile Learning Nick@sealworks.com Wireframestwitter.com/nickfloro 44 of 165 03/24/11
  45. 45. Desiging Mobile Learning Nick@sealworks.com www.balsamiq.comtwitter.com/nickfloro 45 of 165 03/24/11
  46. 46. Desiging Mobile Learning Nick@sealworks.com Sketchy & iMockUpstwitter.com/nickfloro 46 of 165 03/24/11
  47. 47. Desiging Mobile Learning Nick@sealworks.com http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/twitter.com/nickfloro 47 of 165 03/24/11
  48. 48. Desiging Mobile Learning Nick@sealworks.com Pulse for iOStwitter.com/nickfloro 48 of 165 03/24/11
  49. 49. Desiging Mobile Learning Nick@sealworks.com Wireframestwitter.com/nickfloro 49 of 165 03/24/11
  50. 50. Desiging Mobile Learning Nick@sealworks.com Design • Focus on audience • Content is key • Transparent interfacetwitter.com/nickfloro 50 of 165 03/24/11
  51. 51. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 51 of 165 03/24/11
  52. 52. Desiging Mobile Learning Nick@sealworks.com Texttwitter.com/nickfloro 52 of 165 03/24/11
  53. 53. Desiging Mobile Learning Nick@sealworks.com 1. Create Text 2. Make a selection 3. Invert select 4. Save alpha channel Text 5. Deselect 6. Load Alpha Channel 7. Load Color 8. Offset 9. Apply Blur 10.Reposition 11.Save 12.If the copy changed, start overtwitter.com/nickfloro 53 of 165 03/24/11
  54. 54. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 54 of 165 03/24/11
  55. 55. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 55 of 165 03/24/11
  56. 56. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 56 of 165 03/24/11
  57. 57. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 57 of 165 03/24/11
  58. 58. Desiging Mobile Learning Nick@sealworks.com Advanced Core Languagetwitter.com/nickfloro 58 of 165 03/24/11
  59. 59. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 59 of 165 03/24/11
  60. 60. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 60 of 165 03/24/11
  61. 61. Desiging Mobile Learning Nick@sealworks.com HTML 4twitter.com/nickfloro 61 of 165 03/24/11
  62. 62. Desiging Mobile Learning Nick@sealworks.com HTML 5twitter.com/nickfloro 62 of 165 03/24/11
  63. 63. Desiging Mobile Learning Nick@sealworks.com The div elements can be replaced with the new elements: header, nav, section, article, aside, and footer. <body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body>twitter.com/nickfloro 63 of 165 03/24/11
  64. 64. Desiging Mobile Learning Nick@sealworks.com Improve Web Appstwitter.com/nickfloro 64 of 165 03/24/11
  65. 65. Desiging Mobile Learning Nick@sealworks.com Re-Address backward compatibilitytwitter.com/nickfloro 65 of 165 03/24/11
  66. 66. Desiging Mobile Learning Nick@sealworks.com Canvas & SVGtwitter.com/nickfloro 66 of 165 03/24/11
  67. 67. Desiging Mobile Learning Nick@sealworks.com Drawing on the Web Flashtwitter.com/nickfloro 67 of 165 03/24/11
  68. 68. Desiging Mobile Learning Nick@sealworks.com Scalable Vector Graphics | SVGtwitter.com/nickfloro 68 of 165 03/24/11
  69. 69. Desiging Mobile Learning Nick@sealworks.com Scalable Vector Graphics | SVGtwitter.com/nickfloro 69 of 165 03/24/11
  70. 70. Desiging Mobile Learning Nick@sealworks.com Vector Graphics Scale & Look Great!twitter.com/nickfloro 70 of 165 03/24/11
  71. 71. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 71 of 165 03/24/11
  72. 72. Desiging Mobile Learning Nick@sealworks.com Demoʼs • Mozilla Download Center (FF) • First Person Gifter (FF) • Population Demo (FF) • Bespin - HTML Editor (Safari) • German Election Atlas (Safari)twitter.com/nickfloro 72 of 165 03/24/11
  73. 73. Desiging Mobile Learning Nick@sealworks.com When Canvas or SVG? SVG -> High level Canvas -> Low level • Import/Export • No mouse interaction • Easy UIs • High Animation • Interactive • JS Centric • Medium Animation • More Bookkeeping • Tree of objects • Pixelstwitter.com/nickfloro 73 of 165 03/24/11
  74. 74. Desiging Mobile Learning Nick@sealworks.com HTML 5 Support canvas / svg     video geolocation app cache database workerstwitter.com/nickfloro 74 of 165 03/24/11
  75. 75. Desiging Mobile Learning Nick@sealworks.com Quake II - Browser Onlytwitter.com/nickfloro 75 of 165 03/24/11
  76. 76. Desiging Mobile Learning Nick@sealworks.com Quake II - Browser Onlytwitter.com/nickfloro 76 of 165 03/24/11
  77. 77. Desiging Mobile Learning Nick@sealworks.com Quake II - Browser Only WebGL 3D graphics HTML 5 Canvas HTML 5 Audio HTML 5 Web Sockets HTML 5 Local Storagetwitter.com/nickfloro 77 of 165 03/24/11
  78. 78. Desiging Mobile Learning Nick@sealworks.com Videotwitter.com/nickfloro 78 of 165 03/24/11
  79. 79. Desiging Mobile Learning Nick@sealworks.com Video Compression Flashtwitter.com/nickfloro 79 of 165 03/24/11
  80. 80. Desiging Mobile Learning Nick@sealworks.com <!-- flash movie & bullets --> <div id="flashholder"> <div id="flash"> <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent( codebase, http://download.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=9,0,0,0, width, 320, height, 310, src, ../FLV_Player, quality, high, pluginspage, http://www.macromedia.com/go/getflashplayer, align, middle, play, true, loop, true, scale, showall, wmode, window, devicefont, false, id, FLV_Player, bgcolor, #ffffff, name, FLV_Player, menu, true, allowFullScreen, false, allowScriptAccess,always, movie, ../FLV_Player, salign, ); //end AC code } </script> <noscript>twitter.com/nickfloro 80 of 165 03/24/11
  81. 81. Desiging Mobile Learning Nick@sealworks.com // HTML 5 makes <video> as easy as <img> // HTML 5 makes <video> as easy as <img>twitter.com/nickfloro 81 of 165 03/24/11
  82. 82. Desiging Mobile Learning Nick@sealworks.com Video Compression HTML 5 Options Flash H264 Ogg Theora MPEG 4 WebMtwitter.com/nickfloro 82 of 165 03/24/11
  83. 83. Desiging Mobile Learning Nick@sealworks.com Theora is named after Theora Jones, Edison Carters Controller on the Max Headroom television program.twitter.com/nickfloro 83 of 165 03/24/11
  84. 84. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 84 of 165 03/24/11
  85. 85. Desiging Mobile Learning Nick@sealworks.com Embedding Video <video src="http://example.com/myMovie.ogg" controls> Your browser does not support the video element. </video>twitter.com/nickfloro 85 of 165 03/24/11
  86. 86. Desiging Mobile Learning Nick@sealworks.com Embedding Video <video controls> <source src="foo.ogg" type="video/ogg"> <source src="foo.mp4"> Your browser does not support the video element. </video> var v = document.getElementsByTagName("video") [0]; v.play();twitter.com/nickfloro 86 of 165 03/24/11
  87. 87. Desiging Mobile Learning Nick@sealworks.com http://jilion.com/sublime/videotwitter.com/nickfloro 87 of 165 03/24/11
  88. 88. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 88 of 165 03/24/11
  89. 89. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 89 of 165 03/24/11
  90. 90. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 90 of 165 03/24/11
  91. 91. Desiging Mobile Learning Nick@sealworks.com HTML 5 Support canvas / svg     video     geolocation app cache database workerstwitter.com/nickfloro 91 of 165 03/24/11
  92. 92. Desiging Mobile Learning Nick@sealworks.com geolocationtwitter.com/nickfloro 92 of 165 03/24/11
  93. 93. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 93 of 165 03/24/11
  94. 94. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 94 of 165 03/24/11
  95. 95. Desiging Mobile Learning Nick@sealworks.com // the geolocation api brings browser based location to your appstwitter.com/nickfloro 95 of 165 03/24/11
  96. 96. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 96 of 165 03/24/11
  97. 97. Desiging Mobile Learning Nick@sealworks.com HTML 5 Support canvas / svg     video     geolocation    iPhone  app cache database workerstwitter.com/nickfloro 97 of 165 03/24/11
  98. 98. Desiging Mobile Learning Nick@sealworks.com app cache & databasetwitter.com/nickfloro 98 of 165 03/24/11
  99. 99. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 99 of 165 03/24/11
  100. 100. Desiging Mobile Learning Nick@sealworks.com // database and app cache store user data and app resources locallytwitter.com/nickfloro 100 of 165 03/24/11
  101. 101. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 101 of 165 03/24/11
  102. 102. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 102 of 165 03/24/11
  103. 103. Desiging Mobile Learning Nick@sealworks.com App Cache List resources that you want to take offline CACHE MANIFEST /static/stickies.html /media/deleteButton.png /media/deleteButtonPressed.png /css/stickies.css /js/stickies.js <body manifest="./cache.manifest"> </body>twitter.com/nickfloro 103 of 165 03/24/11
  104. 104. Desiging Mobile Learning Nick@sealworks.com Database var db = window.openDatabase("NoteTest", "1.0", "Example DB", 200000); function saveMe(id, text, timestamp, left, top, zIndex) { db.transaction( function (tx) { tx.executeSql( "INSERT INTO WebKitStickyNotes " + "(id, note, timestamp, left, top, zindex) " + "VALUES (?, ?, ?, ?, ?, ?)", [id, text, timestamp, left, top, zIndex]); } ); }twitter.com/nickfloro 104 of 165 03/24/11
  105. 105. Desiging Mobile Learning Nick@sealworks.com HTML 5 Support canvas / svg     video     geolocation    iPhone  app cache     mobile database     mobile workerstwitter.com/nickfloro 105 of 165 03/24/11
  106. 106. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro web workers 106 of 165 03/24/11
  107. 107. Desiging Mobile Learning Nick@sealworks.com HTML 5 More Powertwitter.com/nickfloro 107 of 165 03/24/11
  108. 108. Desiging Mobile Learning Nick@sealworks.com // web workers defines an API for running background scriptstwitter.com/nickfloro 108 of 165 03/24/11
  109. 109. Desiging Mobile Learning Nick@sealworks.com Demo’s Bad Primes (FF 3.5) Good Primes (FF 3.5) Motion Tracker (FF)twitter.com/nickfloro 109 of 165 03/24/11
  110. 110. Desiging Mobile Learning Nick@sealworks.com Web Workers <script> var worker = new Worker(worker.js); worker.onmessage = function (event) { console.log(Results: + event.data); }; </script>twitter.com/nickfloro 110 of 165 03/24/11
  111. 111. Desiging Mobile Learning Nick@sealworks.com worker.js function findPrimes() { // ... prime algorithm here postMessage(nextPrime); } findPrimes();twitter.com/nickfloro 111 of 165 03/24/11
  112. 112. Desiging Mobile Learning Nick@sealworks.com HTML 5 Support canvas / svg     video     geolocation    iPhone  app cache     mobile database     mobile workers    twitter.com/nickfloro 112 of 165 03/24/11
  113. 113. Desiging Mobile Learning Nick@sealworks.com Test for Usability Test on Windows 7, Vista • Internet Explorer 6, 7, 8, 9 • Firefox 3, 3.5, 3.6 • Opera 10 Test on OS X − Safari 4 − Firefox 3.5, 3.6 − Opera 10 Test Mobile − iPhone − Android − Blackberry, Windows 7 Phontwitter.com/nickfloro 113 of 165 03/24/11
  114. 114. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 114 of 165 03/24/11
  115. 115. Desiging Mobile Learning Nick@sealworks.com Forms CSS 3 Effects/Transitionstwitter.com/nickfloro 115 of 165 03/24/11
  116. 116. Desiging Mobile Learning Nick@sealworks.com Design for Flexibilitytwitter.com/nickfloro 116 of 165 03/24/11
  117. 117. Desiging Mobile Learning Nick@sealworks.com Gamers Born ≥ 1980twitter.com/nickfloro 117 of 165 03/24/11
  118. 118. Desiging Mobile Learning Nick@sealworks.com Gamers Born ≥ 1980 ‣ 8-10 1+ hour/day ‣ teens 13+ hours weektwitter.com/nickfloro 118 of 165 03/24/11
  119. 119. Desiging Mobile Learning Nick@sealworks.com Gamers Born ≥ 1980 ‣ 43% females ‣ 5 hours a weektwitter.com/nickfloro 119 of 165 03/24/11
  120. 120. Desiging Mobile Learning Nick@sealworks.com Designing experiencestwitter.com/nickfloro 120 of 165 03/24/11
  121. 121. Desiging Mobile Learning Nick@sealworks.com us.wii.comtwitter.com/nickfloro 121 of 165 03/24/11
  122. 122. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 122 of 165 03/24/11
  123. 123. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 123 of 165 03/24/11
  124. 124. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 124 of 165 03/24/11
  125. 125. Desiging Mobile Learning Nick@sealworks.com How should we Design?twitter.com/nickfloro 125 of 165 03/24/11
  126. 126. Desiging Mobile Learning Nick@sealworks.com Focus on the Audiencetwitter.com/nickfloro 126 of 165 1 03/24/11
  127. 127. Desiging Mobile Learning Nick@sealworks.com Content2 is the keytwitter.com/nickfloro 127 of 165 03/24/11
  128. 128. 3Desiging Mobile Learning Nick@sealworks.com Transparent Interfacetwitter.com/nickfloro 128 of 165 03/24/11
  129. 129. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 129 of 165 03/24/11
  130. 130. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 130 of 165 03/24/11
  131. 131. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 131 of 165 03/24/11
  132. 132. Desiging Mobile Learning Nick@sealworks.com Keep it Simpletwitter.com/nickfloro 132 of 165 03/24/11
  133. 133. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 133 of 165 03/24/11
  134. 134. Desiging Mobile Learning Nick@sealworks.com Design: Keep it Simpletwitter.com/nickfloro 134 of 165 03/24/11
  135. 135. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 135 of 165 03/24/11
  136. 136. Desiging Mobile Learning Nick@sealworks.com Resourcestwitter.com/nickfloro 136 of 165 03/24/11
  137. 137. Desiging Mobile Learning Nick@sealworks.com Games 1. Play 2. Watch others play 3. Experimenttwitter.com/nickfloro 137 of 165 03/24/11
  138. 138. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 138 of 165 03/24/11
  139. 139. Desiging Mobile Learning Nick@sealworks.comCapture & Analyzetwitter.com/nickfloro 139 of 165 03/24/11
  140. 140. Desiging Mobile Learning Nick@sealworks.com Using CoverFlow view and Preview of Graphicstwitter.com/nickfloro 140 of 165 03/24/11
  141. 141. Desiging Mobile Learning Nick@sealworks.com Design Scrapbook: iPhoto | LittleSnappertwitter.com/nickfloro 141 of 165 03/24/11
  142. 142. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 142 of 165 03/24/11
  143. 143. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 143 of 165 03/24/11
  144. 144. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 144 of 165 03/24/11
  145. 145. Desiging Mobile Learning Nick@sealworks.com CSS3 for Web Designers Dan Cederholm | A Book Aparttwitter.com/nickfloro 145 of 165 03/24/11
  146. 146. Desiging Mobile Learning Nick@sealworks.com www.istockphoto.comtwitter.com/nickfloro 146 of 165 03/24/11
  147. 147. Desiging Mobile Learning Nick@sealworks.com www.uxmag.comtwitter.com/nickfloro 147 of 165 03/24/11
  148. 148. Desiging Mobile Learning Nick@sealworks.com HTML 5twitter.com/nickfloro 148 of 165 03/24/11
  149. 149. Desiging Mobile Learning Nick@sealworks.com Introducing HTML5 Bruce Lawson (Voices That Matter)twitter.com/nickfloro 149 of 165 03/24/11
  150. 150. Desiging Mobile Learning Nick@sealworks.com html5doctor.comtwitter.com/nickfloro 150 of 165 03/24/11
  151. 151. Desiging Mobile Learning Nick@sealworks.com http://www.caniuse.com/twitter.com/nickfloro 151 of 165 03/24/11
  152. 152. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 152 of 165 03/24/11
  153. 153. Desiging Mobile Learning Nick@sealworks.com html5demos.comtwitter.com/nickfloro 153 of 165 03/24/11
  154. 154. Desiging Mobile Learning Nick@sealworks.com html5gallery.comtwitter.com/nickfloro 154 of 165 03/24/11
  155. 155. Desiging Mobile Learning Nick@sealworks.com www.css3.infotwitter.com/nickfloro 155 of 165 03/24/11
  156. 156. Desiging Mobile Learning Nick@sealworks.com www.thinkvitamin.comtwitter.com/nickfloro 156 of 165 03/24/11
  157. 157. Desiging Mobile Learning Nick@sealworks.com www.TED.comtwitter.com/nickfloro 157 of 165 03/24/11
  158. 158. Desiging Mobile Learning Nick@sealworks.com Nancy Durate Garr Reynoldstwitter.com/nickfloro 158 of 165 03/24/11
  159. 159. Desiging Mobile Learning Nick@sealworks.com www.posterous.comtwitter.com/nickfloro 159 of 165 03/24/11
  160. 160. Desiging Mobile Learning Nick@sealworks.com easily drag & drop anything into emailtwitter.com/nickfloro 160 of 165 03/24/11
  161. 161. Desiging Mobile Learning Nick@sealworks.com Posterous will automatically wrap and prep for webtwitter.com/nickfloro 161 of 165 03/24/11
  162. 162. Desiging Mobile Learning Nick@sealworks.comtwitter.com/nickfloro 162 of 165 03/24/11
  163. 163. Desiging Mobile Learning Nick@sealworks.com Most urls YouTube, SlideShare will get a playertwitter.com/nickfloro 163 of 165 03/24/11
  164. 164. Desiging Mobile Learning Nick@sealworks.com www.kesiev.com/akihabara/twitter.com/nickfloro 164 of 165 03/24/11
  165. 165. Desiging Mobile Learning Nick@sealworks.com Thank You Nick Floro sealworks interactive studios nick@sealworks.com www.sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickflorotwitter.com/nickfloro 165 of 165 03/24/11

×