Intel XDK - Philly JS

Intel® XDKIan Maffett

May 26, 2015

Philadelphia JavaScript Developers

Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice2

Intel and HTML5

What is the Intel® XDK

XDK Walk Through

Apps built with the XDK

Questions

Overview


Software Engineer and Developer Advocate on the HTML5 tools team.

Focused on UI frameworks, third party tools, and enabling developers to build great apps.

About Me

4Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice


Intel and HTML5


Part of the Software Services Group division, that employs thousands of developers who work on projects like Android*, the Linux* Kernal, and compilers.

HTML5 team focuses on runtimes, code optimizations, and tools.

Intel® XDK is a tool to build cross platform mobile applications (Cordova) without any native SDKS.

MASSIVE single page application written with tools like Node.js, Backbone, jQuery, RequireJS, Angular, etc.

HTML5 team


The XDK enables users to write once and deploy in many stores (and web), breaking the walled garden of native development.

By supporting HTML, JavaScript and CSS, we enable millions of developers to create native apps.

Cloud based build system does not require any SDK’s to be installed locally.

Tools like on device debugging and profiling help solve the problems causing Facebook and LinkedIn to abandon HTML5.

Why build the XDK?


What is the Intel® XDK


Chromium for the client and Node.js for the server side code. Nw.js (formerly Node Webkit) allows us to distribute specific versions of Chromium and Node without requiring the user to install anything. Used in apps like Popcorntime and Phonegap Desktop

Check out nw.js- http://nwjs.io/

The XDK does use a client/server model due to nw.js being single threaded. We run two web servers; one for the app and one for the emulator.

A desktop app that’s really a web app.

http://nwjs.io/

http://nwjs.io/


1. Project Management

2. Code Editor (Brackets) and UI tools

3. Emulator (test on desktop)

4. On Device Testing

5. On Device Debugging

6. Cloud build system

Designed for the lifecycle of development


Use any editor you want, such as Sublime Text* 2 or Atom*

Build your app and do on device testing using App Preview (no developer account needed)

Use Chrome and CDT to test on the desktop and use the cloud based build system.

*currently no way to just use the build system as a CLI

Only use what pieces you want


Tour of the XDK


Projects Tab


Editor


Emulator


On Device Testing


On Device Debugging


On Device Profiling


Build System


HTML5 is dead, long live HTML5


Reasons companies abandoned HTML5Kiran Prasad ( LinkedIn 2012) “It’s not that HTML5 isn’t ready; it’s that the ecosystem doesn’t support it. … There are tools, but they’re at the beginning. People are just figuring out the basics.”

Tobie Langel (Facebook 2012) “The lack of tooling in mobile browsers makes it very difficult to dig down and find out what the real issues are. Hence tooling, or rather, lack-thereof is a key issue.”


On device debugging, memory profiling and step execution of JavaScript code on iOS* and Android* 4+ devices.

Crosswalk WebView brings the latest version of Chromium to Android 4+ devices at a faster rate then Google provides. Get new features like WebGL, WebRTC and the Presentation API.

Cloud based build system does not require any of the native SDK’s to be installed locally. Does not require a Mac to build iOS apps.

How the Intel® XDK is solving them


What kind of apps can you build?


Swoop

WebGL Games


Star Nomad Elite

https://play.google.com/store/apps/details?id=com.halfgeekstudios.starnomadelite&hl=en

2D Canvas Games


ZonzoFox – City Guides

https://play.google.com/store/apps/details?id=com.xdkzonzofox.com.zmbuild

City Guides


Potty Training Game

https://play.google.com/store/apps/details?id=com.russpuppy.pottytraining

Kids Educational Games


Questions

Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice

Legal Disclaimer & Optimization NoticeINFORMATION 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 © 2014, Intel Corporation. All rights reserved. Intel, Pentium, Xeon, Xeon Phi, Core, VTune, Cilk, and the Intel logo 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 #20110804

29