Intel XDK - Philly JS
-
Upload
ian-maffett -
Category
Software
-
view
141 -
download
1
Transcript of 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
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