Building Mobile Apps with HTML, CSS, and JavaScript
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Building Mobile Apps with HTML, CSS, and JavaScript

on

  • 15,499 views

 

Statistics

Views

Total Views
15,499
Views on SlideShare
13,329
Embed Views
2,170

Actions

Likes
18
Downloads
265
Comments
3

14 Embeds 2,170

http://jonathanstark.com 909
http://east.webdirections.org 491
http://d.hatena.ne.jp 402
http://www.andoh.org 153
http://fumit.blogspot.com 62
http://www.slideshare.net 48
http://news.uxdc.jp 44
http://fumit.blogspot.jp 36
http://webcache.googleusercontent.com 9
http://www.comrz.com 7
http://www.jonathanstark.com 4
http://static.slidesharecdn.com 2
http://nakamura001.hatenablog.com 2
http://fumit.blogspot.in 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Hi I&#x2019;m Jonathan Stark. I&#x2019;m a software consultant from Providence RI. I do mobile app strategy, design, and development. <br />
  • Preaching to the choir, but I want to start with the big picture. Mobile is huge and its growth is accelerating: <br /> - Cell phone subscriptions hit 5 billion in July 2010 (up from 720 million in 2000) <br /> - 15% of phones sold in 2009 were smart phones (17% in 2010Q1 - almost 50% increase over 2009Q1). <br /> - Mobile broadband subscriptions (3G or better) at 360 million in 2009. Ericsson predicts 3.4B by 2015 and 50B connected devices by 2020. <br /> - At this rate mobile broadband subscriptions will overtake wired broadband in a year or two. <br /> - 56% of public Wi&#x2011;Fi connections in 2009 were from mobile devices. <br /> <br />
  • Unless you&#x2019;re a telco or a handset manufacturer, your entry point into the mobile space is apps <br /> <br />
  • There are three types of mobile apps that I think will remain relevant for a long time: <br /> - Native apps (e.g. WebEx, SalesForce) <br /> - Web apps (e.g. Gmail, Google Calendar) <br /> - SMS apps (e.g. Google SMS, Twitter, Aardvark) <br /> <br />
  • We could debate the pros and cons of each approach all day long. Ultimately, each has a glaring achilles heel. <br />
  • The right one for you depends on your situation: <br /> - Selling iPhone cases in U.S.? Native app <br /> - Selling office supplies in North America? Web app <br /> - Providing banking services in rural China? SMS app <br /> <br />
  • I want to drill down on a native vs web for a second because I know that there is a lot of confusion there. <br />
  • Web apps can run 100% offline. <br />
  • I typically work with corporate clients who are trying to reach a really broad market with their apps. They want to be on iPhone, Android, and Blackberry at least. <br /> <br /> - Platform is easy to learn, most orgs have web talent in house already. <br /> - Web is a proven, stabile platform that works reasonably well across the widest range of devices. <br /> - Host your app and email out the links. <br /> - No approval process, no multiple app stores, no delay on bug fixes. <br /> <br />
  • There are a number of javascript libraries that make building mobile web apps a lot easier. iUI was the first, but my lib of choice is jQTouch. <br />
  • <br />
  • Actually, you don&#x2019;t have to really pick between native and web. Single code base that can be deployed as a standalone web app AND deployed with addition functionality through the various app stores. <br />
  • Cross platform mobile framework for building native mobile applications with html, css, and javascript. <br />
  • PhoneGap support matrix <br />
  • <br />
  • <br />
  • 1) Launch emulator <br /> 2) Put www on desktop <br /> 3) Run wiz <br /> 4) Compile app <br /> 5) Install on emulator <br /> 6) Update markup <br /> 7) Recompile and install <br />
  • I think this is the most pragmatic approach. If nothing else, it&#x2019;s the most flexible. And the way things are growing at this point, flexibility is of the utmost importance. <br />
  • <br />

Building Mobile Apps with HTML, CSS, and JavaScript Presentation Transcript

  • 1. Building Mobile Apps with HTML, CSS, and JavaScript Jonathan Stark
  • 2. Huge & Growing • 5B cell phone subscriptions • Smart phone share at 15% • 56% of public Wi‑Fi connections were from mobile devices
  • 3. Mobile Apps
  • 4. Types of Mobile Apps • Native apps • Web apps • SMS apps
  • 5. Types of Mobile Apps • Native apps - Fragmentation • Web apps - Sandboxing • SMS apps - Discoverability
  • 6. Types of Mobile Apps The approach that is best for you depends on your goals and target market.
  • 7. Native vs Web
  • 8. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
  • 9. Web Apps Win • Cheapest to produce • Most standardized • Easiest to distribute
  • 10. jQTouch • jQuery plugin • Created by @DavidKaneda • Native CSS3 Animations • and tons more...
  • 11. jQTouch Demo
  • 12. Hybrid Apps PhoneGap gives developers the best of both worlds.
  • 13. PhoneGap • Open source • Created by @Nitobi • Native app wrapper • Multiple platforms
  • 14. http://wiki.phonegap.com/Roadmap
  • 15. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
  • 16. Considerations Native Web+PG Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
  • 17. PhoneGap Demo
  • 18. Conclusion "If you can build your app with HTML, CSS, and JavaScript, then you probably should." - Jonathan Stark
  • 19. More Info • http://jonathanstark.com/books • http://jonathanstark.com/contact • http://jonathanstark.com/oscon