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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

1,791
views

Published 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


0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,791
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
2
Embeds 0
No embeds

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