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

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

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

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

Intel and HTML5

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

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

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

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?

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

What is the Intel® XDK

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

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.

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

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

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

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

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

Tour of the XDK

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

Projects Tab

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

Editor

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

Emulator

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

On Device Testing

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

On Device Debugging

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

On Device Profiling

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

Build System

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

HTML5 is dead, long live HTML5

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

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.”

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

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

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

What kind of apps can you build?

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

Swoop

WebGL Games

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

Star Nomad Elite

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

2D Canvas Games

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

ZonzoFox – City Guides

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

City Guides

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

Potty Training Game

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

Kids Educational Games

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

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