SlideShare uma empresa Scribd logo
1 de 81
Baixar para ler offline
Human APIs
                         expanding the mobile web
                             SWDC - June 3rd 2010


                                  Nikolai Onken
                                     uxebu



Thursday, June 3, 2010
Thursday, June 3, 2010
We open the mobile web.




Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
JavaScript                            AJAX
                                FrontEnd
       Usability                UserExperience

                         CSS     mobile
        Browser                            Web2.0
                         dojo
                 TouchScroll    OpenSource
Thursday, June 3, 2010
Remember Risk?




                         http://news.bbc.co.uk/2/hi/technology/8552410.stm

Thursday, June 3, 2010
Remember Risk?




                         http://news.bbc.co.uk/2/hi/technology/8552410.stm

Thursday, June 3, 2010
Dec, 2009
                         1,802 millions
                             26.6 %


Thursday, June 3, 2010
The mobile web
                                           AdMob Requests

       20000000000


       15000000000


       10000000000


         5000000000


                         0
                               Jan. 2008                    Mar. 2010



Thursday, June 3, 2010
The mobile web
                                           AdMob Requests

       20000000000


       15000000000


       10000000000


         5000000000


                         0
                               Jan. 2008                    Mar. 2010



Thursday, June 3, 2010
The mobile web
                                           AdMob Requests

       20000000000


       15000000000


       10000000000


         5000000000


                         0
                               Jan. 2008                    Mar. 2010



Thursday, June 3, 2010
The reality

                    • Internet is growing (fast)
                    • Mobile is growing (fast)
                    • Mobile internet is growing (fast!)


Thursday, June 3, 2010
The browser is the
                           central piece


Thursday, June 3, 2010
The browser is the
                          interface to the
                              internet


Thursday, June 3, 2010
71% of all modern
                           phones have a
                             browser
                              Tomi Ahonen

Thursday, June 3, 2010
IPv6

                         2 128




Thursday, June 3, 2010
There will be a lot of
              things we can talk to :)

                         (using a browser)
Thursday, June 3, 2010
Thursday, June 3, 2010
Is JavaScript good
                              enough?


Thursday, June 3, 2010
Flash with
                         JavaScript?



Thursday, June 3, 2010
http://github.com/tobeytailor/gordon

Thursday, June 3, 2010
HTML5 Apps
                          or web apps as we know them




Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
New HTML Elements



Thursday, June 3, 2010
<input type="speech" grammar="grammar-nav-en.grxml" onchange="handleSpeechInput">




                                      http://bit.ly/audio-api



Thursday, June 3, 2010
High performance
                             graphics
                               WebGL



Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
Media



Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
JavaScript     HTTP




Thursday, June 3, 2010
JavaScript        HTTP
                         Accelerometer
                           Camera
                              ...
Thursday, June 3, 2010
RFID
                          Bluetooth

          JavaScript        HTTP
                         Accelerometer
                           Camera
                              ...
Thursday, June 3, 2010
RFID
                         CSS     Bluetooth

          JavaScript               HTTP
                         HTML   Accelerometer
                                  Camera
                                     ...
Thursday, June 3, 2010
RFID
                         CSS     Bluetooth

          JavaScript               HTTP
                         HTML   Accelerometer
                                  Camera
                                     ...
Thursday, June 3, 2010
The Hype




Thursday, June 3, 2010
The Hype




                          o

Thursday, June 3, 2010
The Hype

                         The cloud



                                      o

Thursday, June 3, 2010
The Hype

                         The cloud              Location, etc.



                                      o

Thursday, June 3, 2010
The Potential

                         The cloud                   Location, etc.



                                        o

Thursday, June 3, 2010
The Potential

                         The cloud                   Location, etc.



                                        o
                                      Hardware


Thursday, June 3, 2010
Use cases



Thursday, June 3, 2010
Transportation



Thursday, June 3, 2010
Thursday, June 3, 2010
Thursday, June 3, 2010
Health



Thursday, June 3, 2010
3311 Health/Fitness
           Apps in Apple app store


Thursday, June 3, 2010
HumanAPI




Thursday, June 3, 2010
HumanAPI




Thursday, June 3, 2010
Home automation



Thursday, June 3, 2010
http://digitalstrom.org




Thursday, June 3, 2010
http://home-pad.com




Thursday, June 3, 2010
How can we do this?



Thursday, June 3, 2010
Mobile SDKs




Thursday, June 3, 2010
Mobile SDKs


              Objective-C




Thursday, June 3, 2010
Mobile SDKs


              Objective-C    Java




Thursday, June 3, 2010
Mobile SDKs


              Objective-C    Java      ...

Thursday, June 3, 2010
How the magic happens




Thursday, June 3, 2010
How the magic happens




                                  Low level APIs

                    Camera Accelerometer Push Notifications


Thursday, June 3, 2010
How the magic happens


                              Chromeless Browser




                                  Low level APIs

                    Camera Accelerometer Push Notifications


Thursday, June 3, 2010
How the magic happens


                              Chromeless Browser



                            browser.eval(“alert(1);”)


                                   Low level APIs

                    Camera Accelerometer Push Notifications


Thursday, June 3, 2010
PhoneGap



Thursday, June 3, 2010
PhoneGap


                                    Chromeless Browser



                           browser.eval(“document.geolocation...”)


                                         Low level APIs

                    Camera Accelerometer Push Notifications
                                                    ...

                         Android, iPhone, iPad, Nokia S60, Blackberry
Thursday, June 3, 2010
PhoneGap


                                    Chromeless Browser



                           browser.eval(“document.geolocation...”)


                                         Low level APIs

                    Camera Accelerometer Push Notifications
                                                    ...

                         Android, iPhone, iPad, Nokia S60, Blackberry
Thursday, June 3, 2010
Android



        mAppView.loadUrl("javascript:navigator.compass.setHeading(" + heading + ")");




Thursday, June 3, 2010
iPhone/iPad



        jsCallBack = [[NSString alloc] initWithFormat:@"navigator.
                accelerometer._onAccelUpdate(%f,%f,%f);", acceleration.x, acceleration.y, acceleration.z];

        [webView stringByEvaluatingJavaScriptFromString:jsCallBack];




Thursday, June 3, 2010
Example



Thursday, June 3, 2010
Thursday, June 3, 2010
Lowlevel APIs
                   For things you can’t do in the browser (yet)




                            The browser
                               For anything else :)


Thursday, June 3, 2010
Check this out



Thursday, June 3, 2010
Serverside JS



Thursday, June 3, 2010
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




Thursday, June 3, 2010
Air Quality in Beijing
                              via Twitter:

                https://twitter.com/beijingair


Thursday, June 3, 2010
Challenge



Thursday, June 3, 2010
Raphaël could do this!
Thursday, June 3, 2010
Getting started

                    • PhoneGap - http://phonegap.com
                    • http://blog.uxebu.com
                    • http://www.humanapi.org


Thursday, June 3, 2010
Questions?
                           @nonken




Thursday, June 3, 2010

Mais conteúdo relacionado

Semelhante a Human APIs, the future of mobile

Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06
Skills Matter
 
Phone gap nikolaionken-08-06
Phone gap nikolaionken-08-06Phone gap nikolaionken-08-06
Phone gap nikolaionken-08-06
Skills Matter
 
Room ware next_slideshare
Room ware next_slideshareRoom ware next_slideshare
Room ware next_slideshare
Peter Kaptein
 

Semelhante a Human APIs, the future of mobile (20)

HTML5 offline
HTML5 offlineHTML5 offline
HTML5 offline
 
Building a Digital Gameplan for Events
Building a Digital Gameplan for EventsBuilding a Digital Gameplan for Events
Building a Digital Gameplan for Events
 
Mobile Web and Campus Assistant
Mobile Web and Campus AssistantMobile Web and Campus Assistant
Mobile Web and Campus Assistant
 
Evaluating Online Video Platforms
Evaluating Online Video PlatformsEvaluating Online Video Platforms
Evaluating Online Video Platforms
 
Learning In the Participation Age
Learning In the Participation AgeLearning In the Participation Age
Learning In the Participation Age
 
Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06
 
Ignite: Devops - Why Should You Care
Ignite: Devops - Why Should You CareIgnite: Devops - Why Should You Care
Ignite: Devops - Why Should You Care
 
Google App Engine - Devfest India 2010
Google App Engine -  Devfest India 2010Google App Engine -  Devfest India 2010
Google App Engine - Devfest India 2010
 
Human APIs - expanding the mobile web or are robots coming to JavaScript?
Human APIs - expanding the mobile web or are robots coming to JavaScript? Human APIs - expanding the mobile web or are robots coming to JavaScript?
Human APIs - expanding the mobile web or are robots coming to JavaScript?
 
Phone gap nikolaionken-08-06
Phone gap nikolaionken-08-06Phone gap nikolaionken-08-06
Phone gap nikolaionken-08-06
 
Linked Data Licensing: Introduction - I-Semantics 2010
Linked Data Licensing: Introduction - I-Semantics 2010Linked Data Licensing: Introduction - I-Semantics 2010
Linked Data Licensing: Introduction - I-Semantics 2010
 
Roomware - Trends - Hardware as commodity
Roomware - Trends - Hardware as commodityRoomware - Trends - Hardware as commodity
Roomware - Trends - Hardware as commodity
 
Room ware next_slideshare
Room ware next_slideshareRoom ware next_slideshare
Room ware next_slideshare
 
Open Source in the Cloud Computing Era
Open Source in the Cloud Computing EraOpen Source in the Cloud Computing Era
Open Source in the Cloud Computing Era
 
Is the iPad just a big iPhone?
Is the iPad just a big iPhone?Is the iPad just a big iPhone?
Is the iPad just a big iPhone?
 
Mobile Cross Platform
Mobile Cross PlatformMobile Cross Platform
Mobile Cross Platform
 
Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010
 
HTML5 Apps - Cross platform
HTML5 Apps - Cross platformHTML5 Apps - Cross platform
HTML5 Apps - Cross platform
 
iCrossing client event - You & Your Web Shadow
iCrossing client event - You & Your Web ShadowiCrossing client event - You & Your Web Shadow
iCrossing client event - You & Your Web Shadow
 
Linked Data Publishing Three-Step
Linked Data Publishing Three-StepLinked Data Publishing Three-Step
Linked Data Publishing Three-Step
 

Mais de Nikolai Onken

Mais de Nikolai Onken (15)

Running a cloud-based developer platform
Running a cloud-based developer platformRunning a cloud-based developer platform
Running a cloud-based developer platform
 
The Art Of Practicing - WebSummit 2014
The Art Of Practicing - WebSummit 2014The Art Of Practicing - WebSummit 2014
The Art Of Practicing - WebSummit 2014
 
Embedjs
EmbedjsEmbedjs
Embedjs
 
The Hitchhiker's guide to mobile development
The Hitchhiker's guide to mobile developmentThe Hitchhiker's guide to mobile development
The Hitchhiker's guide to mobile development
 
Human APIs
Human APIsHuman APIs
Human APIs
 
Html5 Development
Html5 DevelopmentHtml5 Development
Html5 Development
 
Html5 Apps
Html5 AppsHtml5 Apps
Html5 Apps
 
Robotic JavaScript
Robotic JavaScriptRobotic JavaScript
Robotic JavaScript
 
Mobile JavaScript Development - QCon 2010
Mobile JavaScript Development - QCon 2010Mobile JavaScript Development - QCon 2010
Mobile JavaScript Development - QCon 2010
 
Mobile cross platform development with Dojo
Mobile cross platform development with DojoMobile cross platform development with Dojo
Mobile cross platform development with Dojo
 
Dojo, from scratch to result
Dojo, from scratch to resultDojo, from scratch to result
Dojo, from scratch to result
 
EventNinja, Dojo and mobile
EventNinja, Dojo and mobileEventNinja, Dojo and mobile
EventNinja, Dojo and mobile
 
Dojo Introduction
Dojo IntroductionDojo Introduction
Dojo Introduction
 
Dojo and Adobe AIR
Dojo and Adobe AIRDojo and Adobe AIR
Dojo and Adobe AIR
 
RIA/UI development with Dojo
RIA/UI development with DojoRIA/UI development with Dojo
RIA/UI development with Dojo
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Human APIs, the future of mobile