Software & Services Group

Transcription

1 Software & Services Group

2 Mark Zuckerberg "When I'm introspective about the last few years I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native... because it just wasn't there. And it's not that HTML5 is bad. I'm actually, on long-term, really excited about it. One of the things that's interesting is we actually have more people on a daily basis using mobile Web Facebook than we have using our ios or Android apps combined. So mobile Web is a big thing for us." -- Mark Zuckerberg, Disrupt SF, September 2012 HTM5 Dev Conf

3 moved HTML5 past the hype peak HTM5 Dev Conf

4 HTM5 Dev Conf

5 Why is HTML5 important to Intel? Intel strongly supports HTML5 and, as an OS-neutral advisor, Intel will help developers navigate HTML5 technologies to achieve the cross-platform promise of write once, run anywhere as well as gain time to market on a broad range of platforms and lower total costs for cross platform support. We are committed to delivering microprocessors, software, technology and services that provide the best computing experience for both consumer and business users. This requires close relationships between Intel s product development efforts and those of leading software and solution providers, large and small, across the globe. As HTML5 enhances the landscape of software development Intel is working with the developer community to bring the best HTML5 experiences to Intel Architecture, for developers and users. HTM5 Dev Conf

6 Web vs. Hybrid vs. Device Applications Today Tomorrow Web App limited sensor input Hybrid App full sensor input HTML5 App full device access Runs w/o network Yes Yes Yes Flexible Layout Yes Yes Yes Device APIs Limited Complete Complete Distribution URL Native Binary URL/WGT Cross Platform Yes No Yes Runs in Browser Yes No No Runs in Web Runtime No Yes Yes the HTML5 standard is evolving to include device APIs HTM5 Dev Conf

7 HTM5 Dev Conf

8 Creating Native Apps Today HTM5 Dev Conf

9 Means Playing Inside Walled Gardens HTM5 Dev Conf

10 Taken to the Extreme Walled Gardens are a Recipe for Social Tragedy! The tragedy in the lives of most of us is that we go through life walking down a high-walled land with people of our own kind, the same economic situation, the same national background and education and religious outlook. And beyond those walls, all humanity lies, unknown, unseen, and untouched by our restricted and impoverished lives. -- Florence Luscomb, architect and suffragist ( ) HTM5 Dev Conf

11 HTML5 Device Apps: Coalescing Verb: co a lesce/ˌkōəˈles/ 1. Come together and form one mass or whole. 2. Combine (elements) in a mass or whole. Synonyms: unite merge join combine use amalgamate HTM5 Dev Conf

12 HTML5 Device Application Challenges App Store Fragmentation Performance Debugging Testing Device APIs Security etc. HTM5 Dev Conf

13 So What is Coming from Intel? HTM5 Dev Conf

14 software.intel.com/html5 HTM5 Dev Conf

15 Leading Open Source Contributor HTM5 Dev Conf

16 Tizen HTML5 Mobile Platform HTM5 Dev Conf

17 x86 Android Emulator software.intel.com/android HTM5 Dev Conf

18 Data-Parallel JavaScript github.com/rivertrail HTM5 Dev Conf

19 App Porter Tool in a Nutshell ios* app project Obj-C/iOS SDK Ported app project JavaScript/HTML5 Source Code Transformation Input: ios* (iphone/ipad) app source code Output: HTML5 (translated) source code speed-up the porting process by decreasing effort and cost

20 PhoneGap HTM5 Dev Conf

21 HTM5 Dev Conf

22 Accelerating HTML5 Adoption using Porting Tools Pablo Garralda Product Engineer Intel SSG Developer Products Division

23 Motivation Jump start the porting process from native to HTML5 Introduce developers to HTML5 with less effort (and cost) Reduce tedious tasks User: native ios apps developer Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

24 The App Porter Tool in a Nutshell ios* app project Obj-C/iOS SDK Ported app project JavaScript/HTML5 Source Code Transformation Input: ios* (iphone/ipad) app source code Output: HTML5 (translated) source code Speed-up porting process: decrease effort and cost Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

25 How Does it Work? UI design App Porter Tool UI Definition (IDE) HTML files Obj-C code App s code JS code API calls API calls ~ API calls Original App Xcode project HTML + CSS + JS Translated App Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

26 Demo Time! Simple Catalog App Mostly uses UIKit APIs UI programmatically built (no xib files) APIs 100% translated Original (iphone*) Translated (html5) Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

27 How Does it Work? App s code UI design App Porter Tool UI Definition (IDE) HTML files Obj-C code Apps s code JS code API calls API calls ~ API calls Original App Xcode project HTML + CSS + JS Translated App Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

28 Code Translation - snow flake s ontimer() Original (Objective-C*) Translated (JavaScript) Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

29 Anatomy of a Translated App Entry point (default.html) Translated app code (javascript).xib glue code Interface builder (.xib) translated files (HTML/CSS files) Unique to the ported app App Porter JavaScript libraries Existing JavaScript Libraries Common to all apps HTML5 APIs Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

30 How Does it Work?.xib files translation UI design App Porter Tool UI Definition (IDE) HTML files Obj-C code Apps s code JS code API calls API calls ~ API calls Original App Xcode project HTML + CSS + JS Translated App Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

31 Demo Time! (part 2) Temperature converter App UI created using interface builder (almost) 100% APIs translated Original (iphone*) Translated (html5) Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

32 Anatomy of a Translated App: Unsupported APIs Entry point (default.html) Unsupported APIs wrappers Translated app code (javascript).xib glue code Interface builder (.xib) translated files (HTML/CSS files) Unique to the ported app App Porter JavaScript libraries Existing JavaScript Libraries Common to all apps HTML5 APIs Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

33 Unsupported APIs unsupported_api_application_missingclass.js Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

34 Q & A Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

35 Thank you! Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

36 Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

37 Credits These are the original sources of some of the sample apps shown in this demo: Intel Confidential Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.

38 Legal Disclaimer & Optimization Notice INFORMATION IN THIS DOCUMENT IS PROVIDED AS IS. NO LICENSE, EXPRESS OR IMPLIED, BY ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL PROPERTY RIGHTS IS GRANTED BY THIS DOCUMENT. INTEL ASSUMES NO LIABILITY WHATSOEVER AND INTEL DISCLAIMS ANY EXPRESS OR IMPLIED WARRANTY, RELATING TO THIS INFORMATION INCLUDING LIABILITY OR WARRANTIES RELATING TO FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR INFRINGEMENT OF ANY PATENT, COPYRIGHT OR OTHER INTELLECTUAL PROPERTY RIGHT. Software and workloads used in performance tests may have been optimized for performance only on Intel microprocessors. Performance tests, such as SYSmark and MobileMark, are measured using specific computer systems, components, software, operations and functions. Any change to any of those factors may cause the results to vary. You should consult other information and performance tests to assist you in fully evaluating your contemplated purchases, including the performance of that product when combined with other products. Copyright, Intel Corporation. All rights reserved. Intel, the Intel logo, Xeon, Core, VTune, and Cilk are trademarks of Intel Corporation in the U.S. and other countries. Optimization Notice Intel s compilers may or may not optimize to the same degree for non-intel microprocessors for optimizations that are not unique to Intel microprocessors. These optimizations include SSE2, SSE3, and SSSE3 instruction sets and other optimizations. Intel does not guarantee the availability, functionality, or effectiveness of any optimization on microprocessors not manufactured by Intel. Microprocessor-dependent optimizations in this product are intended for use with Intel microprocessors. Certain optimizations not specific to Intel microarchitecture are reserved for Intel microprocessors. Please refer to the applicable product User and Reference Guides for more information regarding the specific instruction sets covered by this notice. Notice revision # Copyright 2012, Intel Corporation. All rights reserved. *Other brands and names are the property of their respective owners.