Mobile web application development

Mobile web application development

• 1.
  WebCamp KK: Episode1 Mobile Web Application Development Vince Aggrippino a.k.a. Ghodmode http://www.ghodmode.com
• 2.
  About Me VinceAggrippino Working in IT since 1990
• 3.
  US Army, 7years
• 4.
  Programming since 2000
• 5.
  Programming for theweb since 2004
• 6.
  Freelancing since 2005Ghodmode Development http://www.ghodmode.com iddqd
• 7.
  ashtug ninda anghiziddaarrflug
• 8.
  Please save allof your questions until the end of the presentation.
• 9.
  Topics Why targetthe mobile market?
• 10.
  Target Platforms
• 11.
  User Agents
• 12.
  Web Development Technologies
• 13.
  Reference Materials andTools
• 14.
  Things to consider
• 15.
  Why Mobile WebApps? Millions of new iOS and Android devices are registered every day. Web apps can target all of them.
• 16.
  Web apps don't(necessarily) require, installation, an account, a credit card, or any personal information to use.
• 17.
  Mobile device platformsare more consistent.
• 18.
  No specialized tools,hardware, or restrictive licenses required for development.
• 19.
  Target Platforms iOS- Apple's proprietary mobile operating system Over 200 million devices * Android - Google's Open Source Φ mobile operating system Nearly 140 million devices § * Live from WWDC 2011 - This is my next Φ Is Android Open? - Wired.com § Android reaches 130 million devices, growing by 550,000 a day - This is my next
• 20.
  Other Platforms? WindowsPhone 7
• 21.
  Blackberry OS
• 22.
  HP WebOS
• 23.
  Palm OS
• 24.
  Windows Mobile
• 25.
  Windows CE Asis the case with PC browsers, we have to consider project requirements and target audience.
• 26.
  User Agents* WebkitOpera Mozilla / Gecko Trident (Internet Explorer) User Agent = term used in W3C documentation to generically refer to a web browser's rendering engine.
• 27.
  Web Development TechnologiesHTML5 Apple's early domination of the mobile market and their stance against Flash support have pushed browser vendors into better HTML5 support. CSS3 It's not the same as HTML5... or is it? * Javascript Along with the use of libraries like jQuery and MooTools, Javascript has become the most powerful tool at our disposal. Adactio: Journal ― Badge of shame
• 28.
  Reference W3C MobileWeb Initiative
• 29.
  W3C: Standardsfor Web Applications on Mobile
• 30.
  Safari Dev Center
• 31.
  Safari on iPhoneTools Coding How-To's
• 32.
  Android Developers: WebApps Overview
• 33.
  Smashing Magazine: How To Build a Mobile Website
• 34.
  Tools Modernizr - feature detection
• 35.
  PhoneGap *
• 36.
  Sencha Touch - Mobile Javascript Framework
• 37.
  HTML5BoilerPlate - MobileBoilerplate
• 38.
  jQuery Mobile
• 39.
  W3C MobileOK CheckerPhoneGap is not actually a web development framework. It's a framework for building and deploying native applications using HTML5, CSS3, and Javascript.
• 40.
  Things to ConsiderIn contrast with the prevailing wisdom for PC website development, many articles recommend User Agent detection (a.k.a. browser sniffing).
• 41.
  Mobile users usuallyhave lower screen resolution.
• 42.
  Mobile users usuallyhave low internet speeds.
• 43.
  Mobile users usuallyhave bandwidth limitations.
• 44.
  Use web search,forums, and mailing lists!
• 45.
  Summary Mobile Webapplications are quicker and easier to deploy and allow us to target a larger market than native applications.
• 46.
  Fewer differences betweenmobile browsers and better standards compliance means quicker development and fewer bugs.
• 47.
  General support forHTML5, CSS3, and JavaScript lets us do more with less code and fewer dependencies.
• 48.
  There is anabundance of information available and numerous tools available that can make this fun and easy.
• 49.
  This isn't thesame as desktop web application development. It's still changing, but in some ways, it's better.