Weitere ähnliche Inhalte Ähnlich wie Human APIs - expanding the mobile web or are robots coming to JavaScript? (20) Mehr von Nikolai Onken (15) Human APIs - expanding the mobile web or are robots coming to JavaScript? 1. Human APIs
expanding the mobile web
or
are robots coming to JavaScript?
Nikolai Onken
uxebu
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
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
22. Flash with
JavaScript?
Sunday, October 17, 2010
24. HTML5 Apps
or web apps as we know them
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
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
61. Mobile SDKs
Objective-C Java
Sunday, October 17, 2010
62. Mobile SDKs
Objective-C Java ...
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
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
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
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
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