This document discusses mobile app development approaches, focusing on hybrid apps. It defines a hybrid app as one that is built using HTML, CSS and JavaScript, then compiled for different platforms using a framework like PhoneGap. The process involves creating the HTML app, compiling it into a hybrid app with PhoneGap, and then distributing it through app stores or as a web link. It lists several mobile HTML frameworks that can be used and highlights features of PhoneGap like access to device APIs and plugins.

1. Mobile
HTML Hybrid Apps
Sencha Touch, Kendo UI, PhoneGap ...

2. Desktop vs Mobile
WEB

3. Desktop vs Mobile
WEB

4. Mobile Platforms

5. Mobile Screens

6. Mobile app Development Approaches
Cross-platform
Linkable
App Stores
Device APIs
Native apps Web apps

7. Mobile app Development Approaches
Cross-platform
Linkable
App Stores
Device APIs
Native apps Web apps Hybrid apps

8. Native vs HTML5 vs Hybrid

9. So, what is Hybrid App ?
Build ONCE and compile for multiple Platforms

10. Hybrid App Development Process
1. Create HTML App
(using HTML5, JavaScript, CSS3, WebKit)
2. Compile as Hybrid App
(using PhoneGap, Cordova)
3. Distribute
(as a Web Link, App Stores)

11. Mobile HTML Frameworks
and a few more ;)

12. Compile Hybrid App using PhoneGap

13. PhoneGap Hardware APIs Support

14. PhoneGap Hardware APIs Support

15. Build app with PhoneGap

16. Build app with PhoneGap ONLINE!
1 - Upload HTML as zip file 2 - Download and Test on Device

17. Even More...
PhoneGap Plugins:
● Barcode Scanner
● Push Notifications
● Facebook connect
● OAuth
● Twitter Connect
● Social Sharing
● Bluetooth
● Email Composer
● Phone Dialer
● SMS Builder
● ClipBoard
● Local Notifications
● Home Shortcuts
● iAd
● AdMob
● Email Attachments
● Printer
● Google Analytics
● Sql Lite
● In App Purchase
● PayPal
and more…

18. Apps Build with PhoneGap

19. The End… )