Human APIs - expanding the mobile web or are robots coming to JavaScript?
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Human APIs - expanding the mobile web or are robots coming to JavaScript?

  • 2,129 views
Uploaded on

These are the slides of the talk I gave at webteccon 2010 in Mainz, Germany. Topic was how we can extend the browser

These are the slides of the talk I gave at webteccon 2010 in Mainz, Germany. Topic was how we can extend the browser

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,129
On Slideshare
2,128
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
2

Embeds 1

https://www.linkedin.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Human APIs expanding the mobile web or are robots coming to JavaScript? Nikolai Onken uxebu Sunday, October 17, 2010
  • 2. Sunday, October 17, 2010
  • 3. @nonken Sunday, October 17, 2010
  • 4. Sunday, October 17, 2010
  • 5. We open the mobile web. Sunday, October 17, 2010
  • 6. Sunday, October 17, 2010
  • 7. JavaScript AJAX FrontEnd Usability UserExperience CSS mobile Browser Web2.0 dojo TouchScroll OpenSource Sunday, October 17, 2010
  • 8. Remember Risk? http://news.bbc.co.uk/2/hi/technology/8552410.stm Sunday, October 17, 2010
  • 9. Remember Risk? http://news.bbc.co.uk/2/hi/technology/8552410.stm Sunday, October 17, 2010
  • 10. Dec, 2009 1,802 millions 26.6 % Sunday, October 17, 2010
  • 11. The mobile web AdMob Requests 20000000000 15000000000 10000000000 5000000000 0 Jan. 2008 Mar. 2010 Sunday, October 17, 2010
  • 12. The mobile web AdMob Requests 20000000000 15000000000 10000000000 5000000000 0 Jan. 2008 Mar. 2010 Sunday, October 17, 2010
  • 13. The mobile web AdMob Requests 20000000000 15000000000 10000000000 5000000000 0 Jan. 2008 Mar. 2010 Sunday, October 17, 2010
  • 14. The reality • Internet is growing (fast) • Mobile is growing (fast) • Mobile internet is growing (fast!) Sunday, October 17, 2010
  • 15. The browser is the central piece Sunday, October 17, 2010
  • 16. The browser is the interface to the internet Sunday, October 17, 2010
  • 17. 71% of all modern phones have a browser Tomi Ahonen Sunday, October 17, 2010
  • 18. IPv6 2 128 Sunday, October 17, 2010
  • 19. There will be a lot of things we should talk to :) (using a browser) Sunday, October 17, 2010
  • 20. Sunday, October 17, 2010
  • 21. Is JavaScript good enough? Sunday, October 17, 2010
  • 22. Flash with JavaScript? Sunday, October 17, 2010
  • 23. http://github.com/tobeytailor/gordon Sunday, October 17, 2010
  • 24. HTML5 Apps or web apps as we know them Sunday, October 17, 2010
  • 25. Sunday, October 17, 2010
  • 26. Sunday, October 17, 2010
  • 27. New HTML Elements Sunday, October 17, 2010
  • 28. <input type="speech" grammar="grammar-nav-en.grxml" onchange="handleSpeechInput"> http://bit.ly/audio-api Sunday, October 17, 2010
  • 29. High performance graphics WebGL Sunday, October 17, 2010
  • 30. Sunday, October 17, 2010
  • 31. Sunday, October 17, 2010
  • 32. Media Sunday, October 17, 2010
  • 33. Sunday, October 17, 2010
  • 34. Sunday, October 17, 2010
  • 35. What more do we need? Sunday, October 17, 2010
  • 36. JavaScript HTTP Sunday, October 17, 2010
  • 37. JavaScript HTTP Accelerometer Camera ... Sunday, October 17, 2010
  • 38. RFID Bluetooth JavaScript HTTP Accelerometer Camera ... Sunday, October 17, 2010
  • 39. RFID CSS Bluetooth JavaScript HTTP HTML Accelerometer Camera ... Sunday, October 17, 2010
  • 40. RFID CSS Bluetooth JavaScript HTTP HTML Accelerometer Camera ... Sunday, October 17, 2010
  • 41. The Hype Sunday, October 17, 2010
  • 42. The Hype o Sunday, October 17, 2010
  • 43. The Hype The cloud o Sunday, October 17, 2010
  • 44. The Hype The cloud Location, etc. o Sunday, October 17, 2010
  • 45. The Potential The cloud Location, etc. o Sunday, October 17, 2010
  • 46. The Potential The cloud Location, etc. o Hardware Sunday, October 17, 2010
  • 47. Use cases Sunday, October 17, 2010
  • 48. Transportation Sunday, October 17, 2010
  • 49. Sunday, October 17, 2010
  • 50. Sunday, October 17, 2010
  • 51. Home automation Sunday, October 17, 2010
  • 52. http://digitalstrom.org Sunday, October 17, 2010
  • 53. http://home-pad.com Sunday, October 17, 2010
  • 54. Health Sunday, October 17, 2010
  • 55. 3311 Health/Fitness Apps in Apple app store Sunday, October 17, 2010
  • 56. HumanAPI Sunday, October 17, 2010
  • 57. HumanAPI Sunday, October 17, 2010
  • 58. How can we do this? Sunday, October 17, 2010
  • 59. Mobile SDKs Sunday, October 17, 2010
  • 60. Mobile SDKs Objective-C Sunday, October 17, 2010
  • 61. Mobile SDKs Objective-C Java Sunday, October 17, 2010
  • 62. Mobile SDKs Objective-C Java ... Sunday, October 17, 2010
  • 63. How the magic happens Sunday, October 17, 2010
  • 64. How the magic happens Low level APIs Camera Accelerometer Push Notifications Sunday, October 17, 2010
  • 65. How the magic happens Chromeless Browser Low level APIs Camera Accelerometer Push Notifications Sunday, October 17, 2010
  • 66. How the magic happens Chromeless Browser browserInstance.eval(“alert(1);”) Low level APIs Camera Accelerometer Push Notifications Sunday, October 17, 2010
  • 67. PhoneGap Sunday, October 17, 2010
  • 68. PhoneGap Chromeless Browser browser.eval(“document.geolocation...”) Low level APIs Camera Accelerometer Push Notifications ... Android, iPhone, iPad, Nokia S60, Blackberry Sunday, October 17, 2010
  • 69. PhoneGap Chromeless Browser browser.eval(“document.geolocation...”) Low level APIs Camera Accelerometer Push Notifications ... Android, iPhone, iPad, Nokia S60, Blackberry Sunday, October 17, 2010
  • 70. Android mAppView.loadUrl("javascript:navigator.compass.setHeading(" + heading + ")"); Sunday, October 17, 2010
  • 71. iPhone/iPad jsCallBack = [[NSString alloc] initWithFormat:@"navigator. accelerometer._onAccelUpdate(%f,%f,%f);", acceleration.x, acceleration.y, acceleration.z]; [webView stringByEvaluatingJavaScriptFromString:jsCallBack]; Sunday, October 17, 2010
  • 72. Lowlevel APIs For things you can’t do in the browser (yet) The browser For anything else :) Sunday, October 17, 2010
  • 73. Enough talking, lets see some hardware Sunday, October 17, 2010
  • 74. ArduinoJS Sunday, October 17, 2010
  • 75. ArduinoJS Stack • Arduino (http://arduino.cc/) • Node-Serial (Chris Williams) • Node • Websockets (Socket.io) http://github.com/nonken/arduinojs Sunday, October 17, 2010
  • 76. ArduinoJS Browser One API to rule them all Websockets Node Serial connection Arduino Light Motors Robots Sunday, October 17, 2010
  • 77. ArduinoJS Browser One API to rule them all Websockets Node Serial connection Arduino Light Motors Robots Sunday, October 17, 2010
  • 78. available APIs • digitalWrite(pin, val) • digitalRead(pin, val) • analogWrite(pin, val) • analogRead(pin, val) http://github.com/nonken/arduinojs Sunday, October 17, 2010
  • 79. Try it out • 10.0.2.1:8888 Sunday, October 17, 2010
  • 80. Sunday, October 17, 2010
  • 81. Only the beginning Sunday, October 17, 2010
  • 82. Serverside JS Sunday, October 17, 2010
  • 83. Your house == DOM $(".living-room").delegate(".motion-sensor", "onmotion", function(){   $(".living-room .lights").css("intensity", 0.75) }); http://groups.google.com/group/nodejs/browse_thread/thread/ee11c077e5f89f7a?hl=en Sunday, October 17, 2010
  • 84. Raphaël can do this! Sunday, October 17, 2010
  • 85. Getting started • ArduinoJS - http://github.com/nonken/arduinojs • PhoneGap - http://phonegap.com • http://blog.uxebu.com • http://www.humanapi.org Sunday, October 17, 2010
  • 86. Thank you @nonken Sunday, October 17, 2010