Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native –...
Transcript of Write once, deploy to multiple mobile platforms...• HTML5 – CSS / HTML / JS • Native –...
![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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/31.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/33.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/35.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/38.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/40.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022050405/5f829d6c434b1a69203c39e7/html5/thumbnails/41.jpg)