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

Mobile HTML Hybrid Apps

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Mobile HTML Hybrid Apps

Mobile HTML Hybrid AppsSencha Touch, Kendo UI, PhoneGap ...

Page 2: Mobile HTML Hybrid Apps

Desktop vs Mobile WEB

Page 3: Mobile HTML Hybrid Apps

Desktop vs Mobile WEB

Page 4: Mobile HTML Hybrid Apps

Mobile Platforms

Page 5: Mobile HTML Hybrid Apps

Mobile Screens

Page 6: Mobile HTML Hybrid Apps

Mobile app Development Approaches

Cross-platformLinkable

App StoresDevice APIs

Native apps Web apps

Page 7: Mobile HTML Hybrid Apps

Mobile app Development Approaches

Cross-platformLinkable

App StoresDevice APIs

Native apps Web apps Hybrid apps

Page 8: Mobile HTML Hybrid Apps

Native vs HTML5 vs Hybrid

Page 9: Mobile HTML Hybrid Apps

So, what is Hybrid App ?

Build ONCE and compile for multiple Platforms

Page 10: Mobile HTML Hybrid Apps

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)

Page 11: Mobile HTML Hybrid Apps

Mobile HTML Frameworks

and a few more ;)

Page 12: Mobile HTML Hybrid Apps

Compile Hybrid App using PhoneGap

Page 13: Mobile HTML Hybrid Apps

PhoneGap Hardware APIs Support

Page 14: Mobile HTML Hybrid Apps

PhoneGap Hardware APIs Support

Page 15: Mobile HTML Hybrid Apps

Build app with PhoneGap

Page 16: Mobile HTML Hybrid Apps

Build app with PhoneGap ONLINE!

1 - Upload HTML as zip file 2 - Download and Test on Device

Page 17: Mobile HTML Hybrid Apps

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…

Page 18: Mobile HTML Hybrid Apps

Apps Build with PhoneGap

Page 19: Mobile HTML Hybrid Apps

The End… )