Introduction to
     PhoneGap
   The Open Source Cross Platform
Mobile Web App Development Framework




                 ...
Background
•   Evolution of Mobile Web.

•   Formats: WAP, cHTML, mHTML.

•   Limited by Phone’s web browser.

    •   Man...
WAP/cHTML Phones




                           Ph.P
                     SOCIETY
                   Philosophy in Program...
Mobile Web Today
•   Powerful Smart Phones.

•   Powerful full-featured mobile Operating Systems.

    •   Old Birds: Wind...
Smart Phones




                       Ph.P
                 SOCIETY
               Philosophy in Programming Society
Developing for Mobile Web
•   Inconsistency:

    •   Layout, screen resolution, form factors,
        capabilities, bandw...
Native Phone App?
•   Learning Curve:

    •   New SDK, New Language, New Paradigmn

    •   OS Dependent quirks, limitati...
What is PhoneGap?
•   Leverages on what we web developers knows best
    - HTML & Javascript.

•   Gives us access to the ...
Developing in PhoneGap
1. Create Web Views
  •   HTML, Javascript, Graphics, etc.
2. Store it in a folder.
3. Compile the ...
Video


                Ph.P
          SOCIETY
        Philosophy in Programming Society
Some Sample Codes




                            Ph.P
                      SOCIETY
                    Philosophy in Pro...
Get a Contact




                        Ph.P
                  SOCIETY
                Philosophy in Programming Society
Geo-Location




                       Ph.P
                 SOCIETY
               Philosophy in Programming Society
Supported Features




- SQLite Support
- Support for JS Frameworks
  - iUI, xUI, Magic Framework, Dashcode,
  JQTouch, et...
Sample Apps




                      Ph.P
                SOCIETY
              Philosophy in Programming Society
Sample Apps




                      Ph.P
                SOCIETY
              Philosophy in Programming Society
Sample Apps




                      Ph.P
                SOCIETY
              Philosophy in Programming Society
Conclusion
•   Things will only get better.

•   Active community (Google Groups)

    •   http://groups.google.com/group/...
Upcoming
•   More platforms: Nokia (SymbianOS), Palm
    WebOS, Windows Mobile, Nintendo DS?

•   Support for OpenGL

•   ...
Mobile Web Dev
Upcoming SlideShare
Loading in...5
×

Mobile Web Dev

1,272

Published on

Mobile Web Apps with Cross Platform Development Framework - PhoneGap

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,272
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
56
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Mobile Web Dev

  1. 1. Introduction to PhoneGap The Open Source Cross Platform Mobile Web App Development Framework Ph.P SOCIETY Philosophy in Programming Society
  2. 2. Background • Evolution of Mobile Web. • Formats: WAP, cHTML, mHTML. • Limited by Phone’s web browser. • Manufacturer dependent proprietary web browser. • WAP: “Where Are the Phones?” • Limited resources, capabilities & bandwidth. • Inconsistent form factors (screen size, color depth, bitmap support, plugin?). Ph.P SOCIETY Philosophy in Programming Society
  3. 3. WAP/cHTML Phones Ph.P SOCIETY Philosophy in Programming Society
  4. 4. Mobile Web Today • Powerful Smart Phones. • Powerful full-featured mobile Operating Systems. • Old Birds: Windows Mobile, Symbian OS, Blackberry • Linux Based: iPhone OS, Android, WebOS, Maemo • Powerful cross-platform web browsers. • More bandwidth (3G, WiFi, WiMax). • More consistent form-factors. Ph.P SOCIETY Philosophy in Programming Society
  5. 5. Smart Phones Ph.P SOCIETY Philosophy in Programming Society
  6. 6. Developing for Mobile Web • Inconsistency: • Layout, screen resolution, form factors, capabilities, bandwidth, plug-in • Proprietary APIs • Caveat: Cross platform web browsers (Webkit, Mozilla, Opera) • Limited in Scope • Web browser “Silo” • Self-contained & away from the rest of the OS • Secure but quite useless Ph.P SOCIETY Philosophy in Programming Society
  7. 7. Native Phone App? • Learning Curve: • New SDK, New Language, New Paradigmn • OS Dependent quirks, limitations, conventions • Weapon of Choice (which platform?): • Significant investment in time & money • Egg in one basket? Ph.P SOCIETY Philosophy in Programming Society
  8. 8. What is PhoneGap? • Leverages on what we web developers knows best - HTML & Javascript. • Gives us access to the phone’s native APIs & features - Geo-location, Vibration, Accelerometer, Sound, Contacts, Camera, etc... • “Wraps the web view with a container. This container gives the view access to APIs available on the device that may not be available on the Web view alone”. http://www.phonegap.com Ph.P SOCIETY Philosophy in Programming Society
  9. 9. Developing in PhoneGap 1. Create Web Views • HTML, Javascript, Graphics, etc. 2. Store it in a folder. 3. Compile the Web view into a native app binary file. • iPhone, Android, Blackberry • Coming Soon: Nokia (WRT), Windows Mobile, WebOS 4. Install into device. Ph.P SOCIETY Philosophy in Programming Society
  10. 10. Video Ph.P SOCIETY Philosophy in Programming Society
  11. 11. Some Sample Codes Ph.P SOCIETY Philosophy in Programming Society
  12. 12. Get a Contact Ph.P SOCIETY Philosophy in Programming Society
  13. 13. Geo-Location Ph.P SOCIETY Philosophy in Programming Society
  14. 14. Supported Features - SQLite Support - Support for JS Frameworks - iUI, xUI, Magic Framework, Dashcode, JQTouch, etc.. Ph.P SOCIETY Philosophy in Programming Society
  15. 15. Sample Apps Ph.P SOCIETY Philosophy in Programming Society
  16. 16. Sample Apps Ph.P SOCIETY Philosophy in Programming Society
  17. 17. Sample Apps Ph.P SOCIETY Philosophy in Programming Society
  18. 18. Conclusion • Things will only get better. • Active community (Google Groups) • http://groups.google.com/group/phonegap • Good wiki documentation • http://phonegap.pbworks.com/ • Device agnostic • Completely open source (FREE!) Ph.P SOCIETY Philosophy in Programming Society
  19. 19. Upcoming • More platforms: Nokia (SymbianOS), Palm WebOS, Windows Mobile, Nintendo DS? • Support for OpenGL • Support for Gecko / Mozilla • Many more... Ph.P SOCIETY Philosophy in Programming Society
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×