SlideShare une entreprise Scribd logo
1  sur  48
Télécharger pour lire hors ligne
Brian LeRoux, Nitobi
PhoneGap: Mobile Applications with HTML, CSS and JavaScript

phonegap.com
nitobi.com

brian@nitobi.com

twitter.com/brianleroux
brianleroux.github.com
westcoastlogic.com
etc.
pretty fucking rad conf right?




               Brian LeRoux / Nitobi Software / PhoneGap
Nitobi Software
     Founded in 1998
 ‣

     15 employees
 ‣

     Based in Vancouver, BC (Gastown)
 ‣

     ^---Canada, eh.
 ‣

     Early player in JavaScript, Ajax, AIR,
 ‣
     Mobile web



                       Brian LeRoux / Nitobi Software / PhoneGap
<3 JavaScript Esp.<3 FOSS
     CompleteUI
 ‣

     PhoneGap
 ‣




                  Brian LeRoux / Nitobi Software / PhoneGap
interwebs
     its more than a serious tube
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
The mobile web opportunity



     1 Billion television sets worldwide.
 ‣

     2 Billion web enabled mobile devices.
 ‣




                     Brian LeRoux / Nitobi Software / PhoneGap
The situation room
    Platform          Language                Awesome
     iPhone          Objective C            Not so much.
    Android        Java (Dalvik VM)               Ok.
   Blackberry     Java (Who knows.)           Bad scene.

 Windows Mobile   .NET and/or C++             Nuff said.
                   C++, Java, Flash
     Nokia                                Sorta cool right?
                    Lite, Web tech
                     HTML. CSS.
      Palm                                      Exactly.
                      JavaScript.


                        Brian LeRoux / Nitobi Software / PhoneGap
We’ve seen this before...
     History doomed DOOOMED to repeat
 ‣
     itself.
     Platforms. Fragmentation.
 ‣

     Gopher. Etc.
 ‣




                     Brian LeRoux / Nitobi Software / PhoneGap
Stand back! I know javascript.




                          Brian LeRoux / Nitobi Software / PhoneGap
Obligatory lolcat fail.
     Platforms don’t scale.
 ‣

     This internet thing does.
 ‣

     internets? ftw! LULZ
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
In the beginning...
     There was beer.
 ‣

     Then the iPhone was released!
 ‣

     Web tech ftw!
 ‣

     Beer!
 ‣

     Wait: Objective C.
 ‣

     Dudeman. Time for more beer.
 ‣

     Etc.
 ‣

                       Brian LeRoux / Nitobi Software / PhoneGap
Brock Whitten, solving problems




              Brian LeRoux / Nitobi Software / PhoneGap
Our philosophy
     The purpose of PhoneGap is for
 ‣
     PhoneGap to cease to exist.




                     Brian LeRoux / Nitobi Software / PhoneGap
So.. what?
     What can PhoneGap do for you?
 ‣

     Anything the phone can do? Fuck off!
 ‣

     No shit! You can now rock out with
 ‣
     renewed authority. MIT style.
     Make your mobile device your minion.
 ‣
     Your slave. You ask it to jump and it
     responds, “Let this application use
     your current location?”.

                     Brian LeRoux / Nitobi Software / PhoneGap
why are we doing this anyhow?




              Brian LeRoux / Nitobi Software / PhoneGap
PhoneGap now
     iPhone
 ‣

     Android
 ‣

     Blackberry
 ‣




                  Brian LeRoux / Nitobi Software / PhoneGap
PhoneGap soon
     iPhone
 ‣

     Android
 ‣

     Blackberry
 ‣

     Nokia
 ‣

     Windows Mobile
 ‣

     Palm Pre
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
Site specific browsers
     XULRunner or Prism
 ‣

     Fluid
 ‣

     ..or maybe..
 ‣

     AIR or Titanium?
 ‣

     ...
 ‣

     maybe the browsers should let us do
 ‣
     this cool stuff?

                        Brian LeRoux / Nitobi Software / PhoneGap
App stores
     Apple
 ‣

     Google Android
 ‣

     Blackberry
 ‣

     Windows Mobile (skymarket)
 ‣

     Nokia (ovi)
 ‣

     Palm
 ‣

     Nintendo (this is awesome btw)
 ‣


                      Brian LeRoux / Nitobi Software / PhoneGap
How do you make money?
     Advertising
 ‣

     Freemium
 ‣

     Subscription
 ‣

     Value add type apps
 ‣

     iFart type apps
 ‣

     Niche type apps
 ‣

     Building apps for others.
 ‣

                       Brian LeRoux / Nitobi Software / PhoneGap
Problems we are not solving
     Open GL
 ‣

     Building a browser
 ‣

     Sub standard devices
 ‣




                     Brian LeRoux / Nitobi Software / PhoneGap
HTML 5
     (sorta)
 ‣




               Brian LeRoux / Nitobi Software / PhoneGap
Code. Finally.
     lets get serious.
 ‣

                                                         *
                                                         **




                               * this one is for you tom
                             ** thx for the graphic alexei


                         Brian LeRoux / Nitobi Software / PhoneGap
Geolocation




              Brian LeRoux / Nitobi Software / PhoneGap
Accelerometer




                Brian LeRoux / Nitobi Software / PhoneGap
Contacts




           Brian LeRoux / Nitobi Software / PhoneGap
Vibration
     heh.
 ‣




            Brian LeRoux / Nitobi Software / PhoneGap
Make some noise
     phone beep events
 ‣

     phone lights blinky
 ‣

     any audio
 ‣

     most video
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
PhoneGap in the wild
     Over 50 apps in the store.
 ‣

     Very likely many more.
 ‣

     Lots of forks too..
 ‣

     http://github.com/sintaxi/phonegap
 ‣




                       Brian LeRoux / Nitobi Software / PhoneGap
Techniques
     PhoneGap apps are just web apps.
 ‣



     HTML
 ‣

     CSS
 ‣

     JS
 ‣

     ...and you.
 ‣




                    Brian LeRoux / Nitobi Software / PhoneGap
Webkit is winning
     easily the most advanced, fastest, ass
 ‣
     kicking, name taking browser
     css transitions, animations, etc
 ‣

     custom fonts
 ‣

     sqlite
 ‣

     you cannot distinguish a well written
 ‣
     web app from a native app

                      Brian LeRoux / Nitobi Software / PhoneGap
Dashcode
     WTF!!!
 ‣

     Totally got overshadowed by the SDK
 ‣

     Amazing
 ‣

     iPhone only.
 ‣




                     Brian LeRoux / Nitobi Software / PhoneGap
iUI
     old school
 ‣

     not super well maintained
 ‣

     no css transitions
 ‣

     kinda clunky approach
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
Magic Framework
     looks hot
 ‣

     jQuery based
 ‣

     under dev
 ‣




                    Brian LeRoux / Nitobi Software / PhoneGap
jqTouch
     beautiful uis
 ‣

     jQuery based
 ‣

     fast (once it loads)
 ‣




                       Brian LeRoux / Nitobi Software / PhoneGap
XUI
     experimental fun
 ‣

     jQuery inspired
 ‣

     lightweight
 ‣

     no gui controls. thats ur problem
 ‣




                       Brian LeRoux / Nitobi Software / PhoneGap
Roll your own?
     Simplest thing that could possibly
 ‣
     work.
     Progressively enhance.
 ‣

     Repeat.
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
Quick note on testing..
     JSSpec
 ‣

     Firebug light
 ‣

     The devices themselves. (emulators do
 ‣
     not emulate the execution times)




                     Brian LeRoux / Nitobi Software / PhoneGap
PhoneGap in the future
     hoverboards mthrfkr
 ‣




                    Brian LeRoux / Nitobi Software / PhoneGap
The internet of things.



          Its not just about phones.
      ‣




                    Brian LeRoux / Nitobi Software / PhoneGap
Gecko rendering




              Brian LeRoux / Nitobi Software / PhoneGap
Moar devices
     Nokia
 ‣

     Windows mobile
 ‣

     Palm Pre
 ‣

     Blackberry pls pls wtf pls
 ‣

     Nintendo DS?
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
An open toolchain
     gcc, make, etc
 ‣




                      Brian LeRoux / Nitobi Software / PhoneGap
PhoneGap Simulator
     emulator
 ‣

     simulator
 ‣

     stimulator
 ‣

     ..wait, what?
 ‣




                     Brian LeRoux / Nitobi Software / PhoneGap
New interfaces
     speech (sphinx wrapper)
 ‣

     sqlite wrapper ala couch
 ‣

     sockets (fuck ya)
 ‣

     file io
 ‣

     sms and telephone api (undocumented)
 ‣

     facebook connect (nifty contrib)
 ‣

     native controls***
 ‣

                         Brian LeRoux / Nitobi Software / PhoneGap
Resources
     http://phonegap.com
 ‣

     http://phonegap.pbwiki.com
 ‣

     http://groups.google.com/group/
 ‣
     phonegap
     twitter.
 ‣

     etc.
 ‣




                    Brian LeRoux / Nitobi Software / PhoneGap
Get involved
     docs!
 ‣

     tests and specs pls
 ‣

     code and ideas most welcome
 ‣

     fork it and hack it
 ‣

     build something for yourself
 ‣

     have fun and talk about it on the
 ‣
     mailing list, ur blawg, twitter, etc.

                       Brian LeRoux / Nitobi Software / PhoneGap
Thank you!


      http://phonegap.com
  ‣

      http://blogs.nitobi.com/brian
  ‣

      http://brianleroux.github.com
  ‣

      http://westcoastlogic.com
  ‣




                    Brian LeRoux / Nitobi Software / PhoneGap

Contenu connexe

Tendances

Gears and HTML 5 @media Ajax London 2008
Gears and HTML 5 @media Ajax London 2008Gears and HTML 5 @media Ajax London 2008
Gears and HTML 5 @media Ajax London 2008dion
 
Prototyping for mobile
Prototyping for mobilePrototyping for mobile
Prototyping for mobileMemi Beltrame
 
Strategies for securing your banks & enterprises (from someone who robs bank...
 Strategies for securing your banks & enterprises (from someone who robs bank... Strategies for securing your banks & enterprises (from someone who robs bank...
Strategies for securing your banks & enterprises (from someone who robs bank...ITCamp
 
Bone.io for HTML5 Apps
Bone.io for HTML5 AppsBone.io for HTML5 Apps
Bone.io for HTML5 AppsBrad Carleton
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
I broke what?!??!? Taking over maintenance on well loved projects
I broke what?!??!? Taking over maintenance on well loved projectsI broke what?!??!? Taking over maintenance on well loved projects
I broke what?!??!? Taking over maintenance on well loved projectsBert JW Regeer
 
iPhone App from concept to product
iPhone App from concept to productiPhone App from concept to product
iPhone App from concept to productjoeysim
 
Building frameworks: from concept to completion
Building frameworks: from concept to completionBuilding frameworks: from concept to completion
Building frameworks: from concept to completionRuben Goncalves
 
Bot. You said bot? Let build bot then! - Laurent Ellerbach
Bot. You said bot? Let build bot then! - Laurent EllerbachBot. You said bot? Let build bot then! - Laurent Ellerbach
Bot. You said bot? Let build bot then! - Laurent EllerbachITCamp
 
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Christian Heilmann
 
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesMarcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesПрофсоUX
 
No more excuses! Let's build beautiful things. #codemotion Rome
No  more excuses! Let's build beautiful things. #codemotion Rome No  more excuses! Let's build beautiful things. #codemotion Rome
No more excuses! Let's build beautiful things. #codemotion Rome Christian Heilmann
 
What Web Framework To Use?
What Web Framework To Use?What Web Framework To Use?
What Web Framework To Use?Kasra Khosravi
 
Samsung Indonesia: Tizen Wearables
Samsung Indonesia: Tizen WearablesSamsung Indonesia: Tizen Wearables
Samsung Indonesia: Tizen WearablesRyo Jin
 
Hybrid Apps with Ionic Framework
Hybrid Apps with Ionic FrameworkHybrid Apps with Ionic Framework
Hybrid Apps with Ionic FrameworkBramus Van Damme
 
Creating Mobile Apps With PHP & Symfony2
Creating Mobile Apps With PHP & Symfony2Creating Mobile Apps With PHP & Symfony2
Creating Mobile Apps With PHP & Symfony2Pablo Godel
 
Make Cross Platform Apps that Suck Less
Make Cross Platform Apps that Suck LessMake Cross Platform Apps that Suck Less
Make Cross Platform Apps that Suck Lessjhugman
 
Mobile web application
Mobile web applicationMobile web application
Mobile web application偉格 高
 
Lessons Learned From Applications That Kicked Titanium's Ass
Lessons Learned From Applications That Kicked Titanium's AssLessons Learned From Applications That Kicked Titanium's Ass
Lessons Learned From Applications That Kicked Titanium's AssKevin Whinnery
 

Tendances (20)

Gears and HTML 5 @media Ajax London 2008
Gears and HTML 5 @media Ajax London 2008Gears and HTML 5 @media Ajax London 2008
Gears and HTML 5 @media Ajax London 2008
 
Prototyping for mobile
Prototyping for mobilePrototyping for mobile
Prototyping for mobile
 
Strategies for securing your banks & enterprises (from someone who robs bank...
 Strategies for securing your banks & enterprises (from someone who robs bank... Strategies for securing your banks & enterprises (from someone who robs bank...
Strategies for securing your banks & enterprises (from someone who robs bank...
 
Bone.io for HTML5 Apps
Bone.io for HTML5 AppsBone.io for HTML5 Apps
Bone.io for HTML5 Apps
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
I broke what?!??!? Taking over maintenance on well loved projects
I broke what?!??!? Taking over maintenance on well loved projectsI broke what?!??!? Taking over maintenance on well loved projects
I broke what?!??!? Taking over maintenance on well loved projects
 
iPhone App from concept to product
iPhone App from concept to productiPhone App from concept to product
iPhone App from concept to product
 
Building frameworks: from concept to completion
Building frameworks: from concept to completionBuilding frameworks: from concept to completion
Building frameworks: from concept to completion
 
Bot. You said bot? Let build bot then! - Laurent Ellerbach
Bot. You said bot? Let build bot then! - Laurent EllerbachBot. You said bot? Let build bot then! - Laurent Ellerbach
Bot. You said bot? Let build bot then! - Laurent Ellerbach
 
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
 
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesMarcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
 
No more excuses! Let's build beautiful things. #codemotion Rome
No  more excuses! Let's build beautiful things. #codemotion Rome No  more excuses! Let's build beautiful things. #codemotion Rome
No more excuses! Let's build beautiful things. #codemotion Rome
 
Titanium @ Minnebar
Titanium @ MinnebarTitanium @ Minnebar
Titanium @ Minnebar
 
What Web Framework To Use?
What Web Framework To Use?What Web Framework To Use?
What Web Framework To Use?
 
Samsung Indonesia: Tizen Wearables
Samsung Indonesia: Tizen WearablesSamsung Indonesia: Tizen Wearables
Samsung Indonesia: Tizen Wearables
 
Hybrid Apps with Ionic Framework
Hybrid Apps with Ionic FrameworkHybrid Apps with Ionic Framework
Hybrid Apps with Ionic Framework
 
Creating Mobile Apps With PHP & Symfony2
Creating Mobile Apps With PHP & Symfony2Creating Mobile Apps With PHP & Symfony2
Creating Mobile Apps With PHP & Symfony2
 
Make Cross Platform Apps that Suck Less
Make Cross Platform Apps that Suck LessMake Cross Platform Apps that Suck Less
Make Cross Platform Apps that Suck Less
 
Mobile web application
Mobile web applicationMobile web application
Mobile web application
 
Lessons Learned From Applications That Kicked Titanium's Ass
Lessons Learned From Applications That Kicked Titanium's AssLessons Learned From Applications That Kicked Titanium's Ass
Lessons Learned From Applications That Kicked Titanium's Ass
 

Similaire à PhoneGap at JSConf

Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapRaymond Camden
 
PhoneGap: a brief history and apologia
PhoneGap: a brief history and apologiaPhoneGap: a brief history and apologia
PhoneGap: a brief history and apologialorinbeer
 
Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...Stephen King
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapQuang Minh Dao
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapQuang Minh Dao
 
PhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryPhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryTouraDev
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011davyjones
 
Testing Mobile JavaScript
Testing Mobile JavaScriptTesting Mobile JavaScript
Testing Mobile JavaScriptjeresig
 
Abusing phones to make the internet of things - JSConf EU 2014
Abusing phones to make the internet of things - JSConf EU 2014Abusing phones to make the internet of things - JSConf EU 2014
Abusing phones to make the internet of things - JSConf EU 2014Jan Jongboom
 
Pinax Presentation at DjangoCon 2008
Pinax Presentation at DjangoCon 2008Pinax Presentation at DjangoCon 2008
Pinax Presentation at DjangoCon 2008jtauber
 
Jython on Django
Jython on DjangoJython on Django
Jython on Djangofwierzbicki
 
Building your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiBuilding your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiJeff Prestes
 
iPhone Dev Camp Keynote
iPhone Dev Camp  KeynoteiPhone Dev Camp  Keynote
iPhone Dev Camp Keynotetristan.woo
 
iPhone Dev Camp Keynote
iPhone Dev Camp KeynoteiPhone Dev Camp Keynote
iPhone Dev Camp Keynoteietatfandm
 
iPhoneDevCamp Keynote
iPhoneDevCamp KeynoteiPhoneDevCamp Keynote
iPhoneDevCamp KeynotePhil Wolff
 
Faster Secure Software Development with Continuous Deployment - PH Days 2013
Faster Secure Software Development with Continuous Deployment - PH Days 2013Faster Secure Software Development with Continuous Deployment - PH Days 2013
Faster Secure Software Development with Continuous Deployment - PH Days 2013Nick Galbreath
 

Similaire à PhoneGap at JSConf (20)

Phonegap 1.0
Phonegap 1.0Phonegap 1.0
Phonegap 1.0
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
PhoneGap: a brief history and apologia
PhoneGap: a brief history and apologiaPhoneGap: a brief history and apologia
PhoneGap: a brief history and apologia
 
Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...
 
Intro to PhoneGap
Intro to PhoneGapIntro to PhoneGap
Intro to PhoneGap
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
Phonegap
PhonegapPhonegap
Phonegap
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
PhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryPhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura Mulberry
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
 
Testing Mobile JavaScript
Testing Mobile JavaScriptTesting Mobile JavaScript
Testing Mobile JavaScript
 
Abusing phones to make the internet of things - JSConf EU 2014
Abusing phones to make the internet of things - JSConf EU 2014Abusing phones to make the internet of things - JSConf EU 2014
Abusing phones to make the internet of things - JSConf EU 2014
 
Pinax Presentation at DjangoCon 2008
Pinax Presentation at DjangoCon 2008Pinax Presentation at DjangoCon 2008
Pinax Presentation at DjangoCon 2008
 
The future is hybrid
The future is hybridThe future is hybrid
The future is hybrid
 
Jython on Django
Jython on DjangoJython on Django
Jython on Django
 
Building your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiBuilding your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry Pi
 
iPhone Dev Camp Keynote
iPhone Dev Camp  KeynoteiPhone Dev Camp  Keynote
iPhone Dev Camp Keynote
 
iPhone Dev Camp Keynote
iPhone Dev Camp KeynoteiPhone Dev Camp Keynote
iPhone Dev Camp Keynote
 
iPhoneDevCamp Keynote
iPhoneDevCamp KeynoteiPhoneDevCamp Keynote
iPhoneDevCamp Keynote
 
Faster Secure Software Development with Continuous Deployment - PH Days 2013
Faster Secure Software Development with Continuous Deployment - PH Days 2013Faster Secure Software Development with Continuous Deployment - PH Days 2013
Faster Secure Software Development with Continuous Deployment - PH Days 2013
 

Plus de Brian LeRoux

After HTML5 Mobilism 2011
After HTML5 Mobilism 2011After HTML5 Mobilism 2011
After HTML5 Mobilism 2011Brian LeRoux
 
Mobile Knife Fighting at JSConf US
Mobile Knife Fighting at JSConf US Mobile Knife Fighting at JSConf US
Mobile Knife Fighting at JSConf US Brian LeRoux
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for EngineersBrian LeRoux
 
Palm Developer Day PhoneGap
Palm Developer Day PhoneGap Palm Developer Day PhoneGap
Palm Developer Day PhoneGap Brian LeRoux
 
Mobile Web App Development
Mobile Web App DevelopmentMobile Web App Development
Mobile Web App DevelopmentBrian LeRoux
 

Plus de Brian LeRoux (9)

After HTML5 Mobilism 2011
After HTML5 Mobilism 2011After HTML5 Mobilism 2011
After HTML5 Mobilism 2011
 
Mobile Knife Fighting at JSConf US
Mobile Knife Fighting at JSConf US Mobile Knife Fighting at JSConf US
Mobile Knife Fighting at JSConf US
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 
Fullfrontal 2010
Fullfrontal 2010Fullfrontal 2010
Fullfrontal 2010
 
Txjs
TxjsTxjs
Txjs
 
Palm Developer Day PhoneGap
Palm Developer Day PhoneGap Palm Developer Day PhoneGap
Palm Developer Day PhoneGap
 
Scurvyconf
ScurvyconfScurvyconf
Scurvyconf
 
Mobile Web App Development
Mobile Web App DevelopmentMobile Web App Development
Mobile Web App Development
 
Mobile JavaScript
Mobile JavaScriptMobile JavaScript
Mobile JavaScript
 

Dernier

Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...Daniel Zivkovic
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideHironori Washizaki
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 

Dernier (20)

Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...
All in AI: LLM Landscape & RAG in 2024 with Mark Ryan (Google) & Jerry Liu (L...
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 

PhoneGap at JSConf

  • 1. Brian LeRoux, Nitobi PhoneGap: Mobile Applications with HTML, CSS and JavaScript phonegap.com nitobi.com brian@nitobi.com twitter.com/brianleroux brianleroux.github.com westcoastlogic.com etc.
  • 2. pretty fucking rad conf right? Brian LeRoux / Nitobi Software / PhoneGap
  • 3. Nitobi Software Founded in 1998 ‣ 15 employees ‣ Based in Vancouver, BC (Gastown) ‣ ^---Canada, eh. ‣ Early player in JavaScript, Ajax, AIR, ‣ Mobile web Brian LeRoux / Nitobi Software / PhoneGap
  • 4. <3 JavaScript Esp.<3 FOSS CompleteUI ‣ PhoneGap ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 5. interwebs its more than a serious tube ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 6. The mobile web opportunity 1 Billion television sets worldwide. ‣ 2 Billion web enabled mobile devices. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 7. The situation room Platform Language Awesome iPhone Objective C Not so much. Android Java (Dalvik VM) Ok. Blackberry Java (Who knows.) Bad scene. Windows Mobile .NET and/or C++ Nuff said. C++, Java, Flash Nokia Sorta cool right? Lite, Web tech HTML. CSS. Palm Exactly. JavaScript. Brian LeRoux / Nitobi Software / PhoneGap
  • 8. We’ve seen this before... History doomed DOOOMED to repeat ‣ itself. Platforms. Fragmentation. ‣ Gopher. Etc. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 9. Stand back! I know javascript. Brian LeRoux / Nitobi Software / PhoneGap
  • 10. Obligatory lolcat fail. Platforms don’t scale. ‣ This internet thing does. ‣ internets? ftw! LULZ ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 11. In the beginning... There was beer. ‣ Then the iPhone was released! ‣ Web tech ftw! ‣ Beer! ‣ Wait: Objective C. ‣ Dudeman. Time for more beer. ‣ Etc. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 12. Brock Whitten, solving problems Brian LeRoux / Nitobi Software / PhoneGap
  • 13. Our philosophy The purpose of PhoneGap is for ‣ PhoneGap to cease to exist. Brian LeRoux / Nitobi Software / PhoneGap
  • 14. So.. what? What can PhoneGap do for you? ‣ Anything the phone can do? Fuck off! ‣ No shit! You can now rock out with ‣ renewed authority. MIT style. Make your mobile device your minion. ‣ Your slave. You ask it to jump and it responds, “Let this application use your current location?”. Brian LeRoux / Nitobi Software / PhoneGap
  • 15. why are we doing this anyhow? Brian LeRoux / Nitobi Software / PhoneGap
  • 16. PhoneGap now iPhone ‣ Android ‣ Blackberry ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 17. PhoneGap soon iPhone ‣ Android ‣ Blackberry ‣ Nokia ‣ Windows Mobile ‣ Palm Pre ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 18. Site specific browsers XULRunner or Prism ‣ Fluid ‣ ..or maybe.. ‣ AIR or Titanium? ‣ ... ‣ maybe the browsers should let us do ‣ this cool stuff? Brian LeRoux / Nitobi Software / PhoneGap
  • 19. App stores Apple ‣ Google Android ‣ Blackberry ‣ Windows Mobile (skymarket) ‣ Nokia (ovi) ‣ Palm ‣ Nintendo (this is awesome btw) ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 20. How do you make money? Advertising ‣ Freemium ‣ Subscription ‣ Value add type apps ‣ iFart type apps ‣ Niche type apps ‣ Building apps for others. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 21. Problems we are not solving Open GL ‣ Building a browser ‣ Sub standard devices ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 22. HTML 5 (sorta) ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 23. Code. Finally. lets get serious. ‣ * ** * this one is for you tom ** thx for the graphic alexei Brian LeRoux / Nitobi Software / PhoneGap
  • 24. Geolocation Brian LeRoux / Nitobi Software / PhoneGap
  • 25. Accelerometer Brian LeRoux / Nitobi Software / PhoneGap
  • 26. Contacts Brian LeRoux / Nitobi Software / PhoneGap
  • 27. Vibration heh. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 28. Make some noise phone beep events ‣ phone lights blinky ‣ any audio ‣ most video ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 29. PhoneGap in the wild Over 50 apps in the store. ‣ Very likely many more. ‣ Lots of forks too.. ‣ http://github.com/sintaxi/phonegap ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 30. Techniques PhoneGap apps are just web apps. ‣ HTML ‣ CSS ‣ JS ‣ ...and you. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 31. Webkit is winning easily the most advanced, fastest, ass ‣ kicking, name taking browser css transitions, animations, etc ‣ custom fonts ‣ sqlite ‣ you cannot distinguish a well written ‣ web app from a native app Brian LeRoux / Nitobi Software / PhoneGap
  • 32. Dashcode WTF!!! ‣ Totally got overshadowed by the SDK ‣ Amazing ‣ iPhone only. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 33. iUI old school ‣ not super well maintained ‣ no css transitions ‣ kinda clunky approach ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 34. Magic Framework looks hot ‣ jQuery based ‣ under dev ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 35. jqTouch beautiful uis ‣ jQuery based ‣ fast (once it loads) ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 36. XUI experimental fun ‣ jQuery inspired ‣ lightweight ‣ no gui controls. thats ur problem ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 37. Roll your own? Simplest thing that could possibly ‣ work. Progressively enhance. ‣ Repeat. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 38. Quick note on testing.. JSSpec ‣ Firebug light ‣ The devices themselves. (emulators do ‣ not emulate the execution times) Brian LeRoux / Nitobi Software / PhoneGap
  • 39. PhoneGap in the future hoverboards mthrfkr ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 40. The internet of things. Its not just about phones. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 41. Gecko rendering Brian LeRoux / Nitobi Software / PhoneGap
  • 42. Moar devices Nokia ‣ Windows mobile ‣ Palm Pre ‣ Blackberry pls pls wtf pls ‣ Nintendo DS? ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 43. An open toolchain gcc, make, etc ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 44. PhoneGap Simulator emulator ‣ simulator ‣ stimulator ‣ ..wait, what? ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 45. New interfaces speech (sphinx wrapper) ‣ sqlite wrapper ala couch ‣ sockets (fuck ya) ‣ file io ‣ sms and telephone api (undocumented) ‣ facebook connect (nifty contrib) ‣ native controls*** ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 46. Resources http://phonegap.com ‣ http://phonegap.pbwiki.com ‣ http://groups.google.com/group/ ‣ phonegap twitter. ‣ etc. ‣ Brian LeRoux / Nitobi Software / PhoneGap
  • 47. Get involved docs! ‣ tests and specs pls ‣ code and ideas most welcome ‣ fork it and hack it ‣ build something for yourself ‣ have fun and talk about it on the ‣ mailing list, ur blawg, twitter, etc. Brian LeRoux / Nitobi Software / PhoneGap
  • 48. Thank you! http://phonegap.com ‣ http://blogs.nitobi.com/brian ‣ http://brianleroux.github.com ‣ http://westcoastlogic.com ‣ Brian LeRoux / Nitobi Software / PhoneGap