write once, deploy to multiple mobile platforms...• html5 – css / html / js • native –...

41
Write once, deploy to multiple mobile platforms Mehul Harry, Web PM [email protected]

Upload: others

Post on 31-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Write once, deploy to multiple mobile

platforms

Mehul Harry, Web PM [email protected]

Page 2: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

2

About me I love the web (HTML5, JavaScript, ASP.NET) Web Program Manager at devexpress.com

Page 3: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

3

•  Creating mobile apps •  Challenges •  Opportunities •  DevExtreme (PhoneJS) •  Summary

Agenda

Page 4: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Demos

Page 5: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Problem

Page 6: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

6

Page 7: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

7

Page 8: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

8

•  HTML5 – CSS / HTML / JS

•  Native – Objective C, Java, C#/XAML, C++

•  Hybrid – Native + HTML5

Creating mobile apps

Page 9: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

9

JavaScript?

Page 10: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Challenges

Page 11: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

11

SMEs Fear Apps

Mobile Website No Money No Resources Customer Value? Lack of understanding

Source: http://dxpr.es/1p71SWQ

Page 12: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

12

•  Costs •  Resources •  More time consuming •  Learn new things

Native Approach

Page 13: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

13

Page 14: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

14

HTML5 + PhoneGap

Page 15: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

15

•  Performance •  H/W acceleration •  Memory problems •  Render breaks •  Missing events

HTML Browser Issues

Page 16: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

16

•  Is that a lie?

•  NO, HTML5 Rocks!

Write once, deploy to multiple…???

Page 17: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

17

Page 18: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

18

HTML5 + PhoneGap

Page 19: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

19

Page 20: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Demo Let’s build a mobile app…

Page 21: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

21

•  Cross-Platform •  Single-Codebase •  Cheaper •  Easier •  Scale up to mobile web

Hybrid Advantages

Page 22: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

22

Page 23: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

23

Page 24: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

24

Page 25: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

25

•  Multiple platforms •  Native UI and experience •  One Codebase (HTML/JS/CSS) •  Native features (PhoneGap) •  Restful Services

DevExtreme Mobile – PhoneJS

Page 26: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

26

Visual Studio Integration -- •  Multi-Device App Wizard •  App Layout Wizard •  Data Service Wizard •  iOS Build Package Wizard •  Chart Wizard

DevExtreme Mobile – PhoneJS

Page 27: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

Opportunities

Page 28: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

28

•  37% of mobile developers use HTML5

HTML5 on the rise…

Page 29: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

29

Page 30: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

30

Page 31: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

31

Page 32: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

32

Page 33: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

33

Page 34: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

34

Choose what makes you happy But HTML5 Rocks Mobile opportunities Check out - js.devexpress.com

Summary

Page 35: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

35

HTML 5-JS (Next-Gen Client Side Widgets) DevExpress.com/HTML5

Page 36: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

36

•  Cross Platform Mobile Development •  Developer Productivity •  Office-Inspired Apps across Platforms •  Modern UI Experiences across Platforms •  Enterprise Reporting and Data Analytics

DevExpress

Page 37: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

37

Page 38: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

38

Page 39: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

39

Page 40: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9

40

Thank You For more information visit us online (DevExpress.com)

Mehul Harry [email protected] @mehulharry

Page 41: Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native – Objective C, Java, C#/XAML, C++ • Hybrid – Native + HTML5 Creating mobile apps 9