Mobile web application development
•Download as ODP, PDF•
0 likes•869 views
The document discusses developing mobile web applications. It notes that the mobile market is growing rapidly and that web apps can target many devices without requiring installation. It recommends targeting iOS and Android platforms and considering other platforms like Windows Phone. It outlines technologies like HTML5, CSS3 and JavaScript that are well-supported on mobile. The document also provides resources and tools to help with mobile development and things to consider like lower screen resolution and bandwidth limitations for mobile users.
Report
Share
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (14)
Similar to Mobile web application development
Similar to Mobile web application development (20)
Recently uploaded
Recently uploaded (20)
Mobile web application development
- 1. WebCamp KK: Episode 1 Mobile Web Application Development Vince Aggrippino a.k.a. Ghodmode http://www.ghodmode.com
- 2. About Me Vince Aggrippino Working in IT since 1990
- 3. US Army, 7 years
- 5. Programming for the web since 2004
- 6. Freelancing since 2005 Ghodmode Development http://www.ghodmode.com iddqd
- 7. ashtug ninda anghizidda arrflug
- 8. Please save all of your questions until the end of the presentation.
- 9. Topics Why target the mobile market?
- 10. Target Platforms
- 11. User Agents
- 13. Reference Materials and Tools
- 15. Why Mobile Web Apps? 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 platforms are 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? Windows Phone 7
- 21. Blackberry OS
- 22. HP WebOS
- 23. Palm OS
- 24. Windows Mobile
- 25. Windows CE As is the case with PC browsers, we have to consider project requirements and target audience.
- 26. User Agents* Webkit Opera 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 Technologies HTML5 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 Mobile Web Initiative
- 29. W3C: Standards for Web Applications on Mobile
- 31. Safari on iPhone Tools Coding How-To's
- 32. Android Developers: Web Apps 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 - Mobile Boilerplate
- 38. jQuery Mobile
- 39. W3C MobileOK Checker PhoneGap 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 Consider In contrast with the prevailing wisdom for PC website development, many articles recommend User Agent detection (a.k.a. browser sniffing).
- 41. Mobile users usually have lower screen resolution.
- 42. Mobile users usually have low internet speeds.
- 43. Mobile users usually have bandwidth limitations.
- 44. Use web search, forums, and mailing lists!
- 45. Summary Mobile Web applications are quicker and easier to deploy and allow us to target a larger market than native applications.
- 46. Fewer differences between mobile browsers and better standards compliance means quicker development and fewer bugs.
- 47. General support for HTML5, CSS3, and JavaScript lets us do more with less code and fewer dependencies.
- 48. There is an abundance of information available and numerous tools available that can make this fun and easy.
- 49. This isn't the same as desktop web application development. It's still changing, but in some ways, it's better.