SlideShare uma empresa Scribd logo
1 de 30
Baixar para ler offline
Intel® XDK
Ian 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 Notice
 Intel and HTML5
 What is the Intel® XDK
 XDK Walk Through
 Apps built with the XDK
 Questions
2
Overview
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Software Engineer and Developer Advocate on the HTML5 tools
team.
Focused on UI frameworks, third party tools, and enabling
developers to build great apps.
3
About Me
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
4
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Intel and HTML5
5
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
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.
6
HTML5 team
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
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.
7
Why build the XDK?
Copyright © 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
8
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
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.
9
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 Notice
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
10
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 Notice
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
11
Only use what pieces you want
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Tour of the XDK
12
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
13
Projects Tab
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
14
Editor
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
15
Emulator
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
16
On Device Testing
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
17
On Device Debugging
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
18
On Device Profiling
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
19
Build System
Copyright © 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
20
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
21
Reasons companies abandoned HTML5
Kiran 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 Notice
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.
22
How the Intel® XDK is solving them
Copyright © 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?
23
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Swoop
24
WebGL Games
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Star Nomad Elite
https://play.google.com/store/apps/det
ails?id=com.halfgeekstudios.starnom
adelite&hl=en
25
2D Canvas Games
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
ZonzoFox – City Guides
https://play.google.com/store/apps/det
ails?id=com.xdkzonzofox.com.zmbuil
d
26
City Guides
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Potty Training Game
https://play.google.com/store/apps/details?id=com.russpuppy.potty
training
27
Kids Educational Games
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
Questions
28
Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice
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 © 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
Intel® XDK Guide for Building HTML5 Apps

Mais conteúdo relacionado

Mais procurados

Introduction to Android, Architecture & Components
Introduction to  Android, Architecture & ComponentsIntroduction to  Android, Architecture & Components
Introduction to Android, Architecture & ComponentsVijay Rastogi
 
Introduction to Android
Introduction to Android Introduction to Android
Introduction to Android Ranjith Kumar
 
Mobile Application Development With Android
Mobile Application Development With AndroidMobile Application Development With Android
Mobile Application Development With Androidguest213e237
 
Android Programming made easy
Android Programming made easyAndroid Programming made easy
Android Programming made easyLars Vogel
 
Android Overview
Android OverviewAndroid Overview
Android OverviewRaju Kadam
 
How Software Creates the Sizzle on Mobile Silicon
How Software Creates the Sizzle on Mobile SiliconHow Software Creates the Sizzle on Mobile Silicon
How Software Creates the Sizzle on Mobile SiliconIntel® Software
 
Android tutorial
Android tutorialAndroid tutorial
Android tutorialmaster760
 
Introduction to Android - Mobile Fest Singapore 2009
Introduction to Android - Mobile Fest Singapore 2009Introduction to Android - Mobile Fest Singapore 2009
Introduction to Android - Mobile Fest Singapore 2009sullis
 
Basics of Android
Basics of Android Basics of Android
Basics of Android sabi_123
 
Mobile development
Mobile developmentMobile development
Mobile developmentSayed Ahmed
 
Slides bootcamp21
Slides bootcamp21Slides bootcamp21
Slides bootcamp21dxsaki
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Intel Software Brasil
 
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows Phone
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows PhoneWinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows Phone
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows PhoneAndreas Jakl
 
Dload mobile development
Dload mobile developmentDload mobile development
Dload mobile developmentSayed Ahmed
 
Android architecture
Android architectureAndroid architecture
Android architectureHari Krishna
 
Introduction to Andriod
Introduction to AndriodIntroduction to Andriod
Introduction to AndriodKaviarasu D
 
Introduction to Android App Development
Introduction to Android App DevelopmentIntroduction to Android App Development
Introduction to Android App DevelopmentTodd Burgess
 

Mais procurados (20)

Introduction to Android, Architecture & Components
Introduction to  Android, Architecture & ComponentsIntroduction to  Android, Architecture & Components
Introduction to Android, Architecture & Components
 
Introduction to Android
Introduction to Android Introduction to Android
Introduction to Android
 
Android overview
Android overviewAndroid overview
Android overview
 
Mobile Application Development With Android
Mobile Application Development With AndroidMobile Application Development With Android
Mobile Application Development With Android
 
Android Programming made easy
Android Programming made easyAndroid Programming made easy
Android Programming made easy
 
Android Overview
Android OverviewAndroid Overview
Android Overview
 
How Software Creates the Sizzle on Mobile Silicon
How Software Creates the Sizzle on Mobile SiliconHow Software Creates the Sizzle on Mobile Silicon
How Software Creates the Sizzle on Mobile Silicon
 
Android Platform Architecture
Android Platform ArchitectureAndroid Platform Architecture
Android Platform Architecture
 
Android tutorial
Android tutorialAndroid tutorial
Android tutorial
 
Introduction to Android - Mobile Fest Singapore 2009
Introduction to Android - Mobile Fest Singapore 2009Introduction to Android - Mobile Fest Singapore 2009
Introduction to Android - Mobile Fest Singapore 2009
 
Basics of Android
Basics of Android Basics of Android
Basics of Android
 
Mobile development
Mobile developmentMobile development
Mobile development
 
Slides bootcamp21
Slides bootcamp21Slides bootcamp21
Slides bootcamp21
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
 
Intro to Android Programming
Intro to Android ProgrammingIntro to Android Programming
Intro to Android Programming
 
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows Phone
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows PhoneWinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows Phone
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows Phone
 
Dload mobile development
Dload mobile developmentDload mobile development
Dload mobile development
 
Android architecture
Android architectureAndroid architecture
Android architecture
 
Introduction to Andriod
Introduction to AndriodIntroduction to Andriod
Introduction to Andriod
 
Introduction to Android App Development
Introduction to Android App DevelopmentIntroduction to Android App Development
Introduction to Android App Development
 

Destaque

NY Web Performance - DNS as a Web Performance Tool
NY Web Performance - DNS as a Web Performance ToolNY Web Performance - DNS as a Web Performance Tool
NY Web Performance - DNS as a Web Performance ToolNS1
 
Bend dynamics and perceptions with conflict resolution and emotional safety tips
Bend dynamics and perceptions with conflict resolution and emotional safety tipsBend dynamics and perceptions with conflict resolution and emotional safety tips
Bend dynamics and perceptions with conflict resolution and emotional safety tipsJenn Turner
 
Functional Reactive Programming in Javascript
Functional Reactive Programming in JavascriptFunctional Reactive Programming in Javascript
Functional Reactive Programming in JavascriptBrian Lonsdorf
 
Bringing Lean into Ideation Process by Marlies Vangeel
Bringing Lean into Ideation Process by Marlies Vangeel Bringing Lean into Ideation Process by Marlies Vangeel
Bringing Lean into Ideation Process by Marlies Vangeel UX Antwerp Meetup
 
Top 8 vice president of the united states resume samples
Top 8 vice president of the united states resume samplesTop 8 vice president of the united states resume samples
Top 8 vice president of the united states resume samplesgreenerlead4
 
Easy Cabeceras fuentes Libbey_may.15'
Easy Cabeceras fuentes Libbey_may.15'Easy Cabeceras fuentes Libbey_may.15'
Easy Cabeceras fuentes Libbey_may.15'Andres Quijada
 
Top 8 vice president of technology resume samples
Top 8 vice president of technology resume samplesTop 8 vice president of technology resume samples
Top 8 vice president of technology resume samplesgreenerlead4
 
Way Beyond the Visual Interface
Way Beyond  the Visual InterfaceWay Beyond  the Visual Interface
Way Beyond the Visual InterfaceUX Antwerp Meetup
 
BRANDNEW(S) magazine - mei 2015
BRANDNEW(S) magazine - mei 2015BRANDNEW(S) magazine - mei 2015
BRANDNEW(S) magazine - mei 2015Sam Aga
 
Brandnew(s) magazine februari 2015
Brandnew(s) magazine   februari 2015Brandnew(s) magazine   februari 2015
Brandnew(s) magazine februari 2015Sam Aga
 
BRANDNEW(S) april 2016
BRANDNEW(S) april 2016BRANDNEW(S) april 2016
BRANDNEW(S) april 2016Sam Aga
 
Top 8 prison psychologist resume samples
Top 8 prison psychologist resume samplesTop 8 prison psychologist resume samples
Top 8 prison psychologist resume samplesgreenerlead4
 
Top 8 vice president of information technology resume samples
Top 8 vice president of information technology resume samplesTop 8 vice president of information technology resume samples
Top 8 vice president of information technology resume samplesgreenerlead4
 
Top 8 personality psychologist resume samples
Top 8 personality psychologist resume samplesTop 8 personality psychologist resume samples
Top 8 personality psychologist resume samplesgreenerlead4
 

Destaque (20)

NY Web Performance - DNS as a Web Performance Tool
NY Web Performance - DNS as a Web Performance ToolNY Web Performance - DNS as a Web Performance Tool
NY Web Performance - DNS as a Web Performance Tool
 
ES2015 workflows
ES2015 workflowsES2015 workflows
ES2015 workflows
 
do u webview?
do u webview?do u webview?
do u webview?
 
Design+Performance
Design+PerformanceDesign+Performance
Design+Performance
 
Bend dynamics and perceptions with conflict resolution and emotional safety tips
Bend dynamics and perceptions with conflict resolution and emotional safety tipsBend dynamics and perceptions with conflict resolution and emotional safety tips
Bend dynamics and perceptions with conflict resolution and emotional safety tips
 
ReactJS for Beginners
ReactJS for BeginnersReactJS for Beginners
ReactJS for Beginners
 
Functional Reactive Programming in Javascript
Functional Reactive Programming in JavascriptFunctional Reactive Programming in Javascript
Functional Reactive Programming in Javascript
 
Bringing Lean into Ideation Process by Marlies Vangeel
Bringing Lean into Ideation Process by Marlies Vangeel Bringing Lean into Ideation Process by Marlies Vangeel
Bringing Lean into Ideation Process by Marlies Vangeel
 
Natalia Arsand at WUD16
Natalia Arsand at WUD16Natalia Arsand at WUD16
Natalia Arsand at WUD16
 
Top 8 vice president of the united states resume samples
Top 8 vice president of the united states resume samplesTop 8 vice president of the united states resume samples
Top 8 vice president of the united states resume samples
 
Easy Cabeceras fuentes Libbey_may.15'
Easy Cabeceras fuentes Libbey_may.15'Easy Cabeceras fuentes Libbey_may.15'
Easy Cabeceras fuentes Libbey_may.15'
 
Top 8 vice president of technology resume samples
Top 8 vice president of technology resume samplesTop 8 vice president of technology resume samples
Top 8 vice president of technology resume samples
 
Way Beyond the Visual Interface
Way Beyond  the Visual InterfaceWay Beyond  the Visual Interface
Way Beyond the Visual Interface
 
BRANDNEW(S) magazine - mei 2015
BRANDNEW(S) magazine - mei 2015BRANDNEW(S) magazine - mei 2015
BRANDNEW(S) magazine - mei 2015
 
Brandnew(s) magazine februari 2015
Brandnew(s) magazine   februari 2015Brandnew(s) magazine   februari 2015
Brandnew(s) magazine februari 2015
 
KatherineWalker_Resume w. Cvr 2015
KatherineWalker_Resume w. Cvr 2015KatherineWalker_Resume w. Cvr 2015
KatherineWalker_Resume w. Cvr 2015
 
BRANDNEW(S) april 2016
BRANDNEW(S) april 2016BRANDNEW(S) april 2016
BRANDNEW(S) april 2016
 
Top 8 prison psychologist resume samples
Top 8 prison psychologist resume samplesTop 8 prison psychologist resume samples
Top 8 prison psychologist resume samples
 
Top 8 vice president of information technology resume samples
Top 8 vice president of information technology resume samplesTop 8 vice president of information technology resume samples
Top 8 vice president of information technology resume samples
 
Top 8 personality psychologist resume samples
Top 8 personality psychologist resume samplesTop 8 personality psychologist resume samples
Top 8 personality psychologist resume samples
 

Semelhante a Intel® XDK Guide for Building HTML5 Apps

Using JavaScript to Build HTML5 Tools (Ian Maffett)
Using JavaScript to Build HTML5 Tools (Ian Maffett)Using JavaScript to Build HTML5 Tools (Ian Maffett)
Using JavaScript to Build HTML5 Tools (Ian Maffett)Future Insights
 
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel Apps4All
 
Introduction ciot workshop premeetup
Introduction ciot workshop premeetupIntroduction ciot workshop premeetup
Introduction ciot workshop premeetupBeMyApp
 
Utilisation des capteurs dans les applications windows 8
Utilisation des capteurs dans les applications windows 8Utilisation des capteurs dans les applications windows 8
Utilisation des capteurs dans les applications windows 8Intel Developer Zone Community
 
Developing Multi-OS Native Mobile Applications with Intel INDE
Developing Multi-OS Native Mobile Applications with Intel INDEDeveloping Multi-OS Native Mobile Applications with Intel INDE
Developing Multi-OS Native Mobile Applications with Intel INDEIntel® Software
 
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...e-Legion
 
Embree Ray Tracing Kernels
Embree Ray Tracing KernelsEmbree Ray Tracing Kernels
Embree Ray Tracing KernelsIntel® Software
 
Intel XDK New - Intel Software Day 2013
Intel XDK New - Intel Software Day 2013Intel XDK New - Intel Software Day 2013
Intel XDK New - Intel Software Day 2013Intel Software Brasil
 
In The Trenches Optimizing UE4 for Intel
In The Trenches Optimizing UE4 for IntelIn The Trenches Optimizing UE4 for Intel
In The Trenches Optimizing UE4 for IntelIntel® Software
 
Efficient Rendering with DirectX* 12 on Intel® Graphics
Efficient Rendering with DirectX* 12 on Intel® GraphicsEfficient Rendering with DirectX* 12 on Intel® Graphics
Efficient Rendering with DirectX* 12 on Intel® GraphicsGael Hofemeier
 
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRay
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRaySoftware-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRay
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRayIntel® Software
 
резников дмитрий
резников дмитрийрезников дмитрий
резников дмитрийapps4allru
 
How to create a high quality, fast texture compressor using ISPC
How to create a high quality, fast texture compressor using ISPC How to create a high quality, fast texture compressor using ISPC
How to create a high quality, fast texture compressor using ISPC Gael Hofemeier
 
What are latest new features that DPDK brings into 2018?
What are latest new features that DPDK brings into 2018?What are latest new features that DPDK brings into 2018?
What are latest new features that DPDK brings into 2018?Michelle Holley
 
Real-Time Game Optimization with Intel® GPA
Real-Time Game Optimization with Intel® GPAReal-Time Game Optimization with Intel® GPA
Real-Time Game Optimization with Intel® GPAIntel® Software
 
Make your unity game faster, faster
Make your unity game faster, fasterMake your unity game faster, faster
Make your unity game faster, fasterIntel® Software
 
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013Intel Software Brasil
 
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...Media Gorod
 

Semelhante a Intel® XDK Guide for Building HTML5 Apps (20)

Using JavaScript to Build HTML5 Tools (Ian Maffett)
Using JavaScript to Build HTML5 Tools (Ian Maffett)Using JavaScript to Build HTML5 Tools (Ian Maffett)
Using JavaScript to Build HTML5 Tools (Ian Maffett)
 
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel
Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel
 
Começando com Android (#AndroidOnIntel)
Começando com Android (#AndroidOnIntel)Começando com Android (#AndroidOnIntel)
Começando com Android (#AndroidOnIntel)
 
Introduction ciot workshop premeetup
Introduction ciot workshop premeetupIntroduction ciot workshop premeetup
Introduction ciot workshop premeetup
 
Utilisation des capteurs dans les applications windows 8
Utilisation des capteurs dans les applications windows 8Utilisation des capteurs dans les applications windows 8
Utilisation des capteurs dans les applications windows 8
 
Developing Multi-OS Native Mobile Applications with Intel INDE
Developing Multi-OS Native Mobile Applications with Intel INDEDeveloping Multi-OS Native Mobile Applications with Intel INDE
Developing Multi-OS Native Mobile Applications with Intel INDE
 
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...
#MBLTdev: Преимущества использования Intel INDE для кросс-ОС разработки на пр...
 
Embree Ray Tracing Kernels
Embree Ray Tracing KernelsEmbree Ray Tracing Kernels
Embree Ray Tracing Kernels
 
Intel XDK New - Intel Software Day 2013
Intel XDK New - Intel Software Day 2013Intel XDK New - Intel Software Day 2013
Intel XDK New - Intel Software Day 2013
 
In The Trenches Optimizing UE4 for Intel
In The Trenches Optimizing UE4 for IntelIn The Trenches Optimizing UE4 for Intel
In The Trenches Optimizing UE4 for Intel
 
Efficient Rendering with DirectX* 12 on Intel® Graphics
Efficient Rendering with DirectX* 12 on Intel® GraphicsEfficient Rendering with DirectX* 12 on Intel® Graphics
Efficient Rendering with DirectX* 12 on Intel® Graphics
 
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRay
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRaySoftware-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRay
Software-defined Visualization, High-Fidelity Visualization: OpenSWR and OSPRay
 
резников дмитрий
резников дмитрийрезников дмитрий
резников дмитрий
 
How to create a high quality, fast texture compressor using ISPC
How to create a high quality, fast texture compressor using ISPC How to create a high quality, fast texture compressor using ISPC
How to create a high quality, fast texture compressor using ISPC
 
What are latest new features that DPDK brings into 2018?
What are latest new features that DPDK brings into 2018?What are latest new features that DPDK brings into 2018?
What are latest new features that DPDK brings into 2018?
 
Real-Time Game Optimization with Intel® GPA
Real-Time Game Optimization with Intel® GPAReal-Time Game Optimization with Intel® GPA
Real-Time Game Optimization with Intel® GPA
 
Make your unity game faster, faster
Make your unity game faster, fasterMake your unity game faster, faster
Make your unity game faster, faster
 
MeeGo Overview DeveloperDay Munich
MeeGo Overview DeveloperDay MunichMeeGo Overview DeveloperDay Munich
MeeGo Overview DeveloperDay Munich
 
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013
Intel® Trace Analyzer e Collector (ITAC) - Intel Software Conference 2013
 
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...
Кирилл Мавродиев, Intel – Обзор современных возможностей по распараллеливанию...
 

Último

Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdf
Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdfPros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdf
Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdfkalichargn70th171
 
Strategies for using alternative queries to mitigate zero results
Strategies for using alternative queries to mitigate zero resultsStrategies for using alternative queries to mitigate zero results
Strategies for using alternative queries to mitigate zero resultsJean Silva
 
Introduction to Firebase Workshop Slides
Introduction to Firebase Workshop SlidesIntroduction to Firebase Workshop Slides
Introduction to Firebase Workshop Slidesvaideheekore1
 
Ronisha Informatics Private Limited Catalogue
Ronisha Informatics Private Limited CatalogueRonisha Informatics Private Limited Catalogue
Ronisha Informatics Private Limited Catalogueitservices996
 
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdf
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdfEnhancing Supply Chain Visibility with Cargo Cloud Solutions.pdf
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdfRTS corp
 
Large Language Models for Test Case Evolution and Repair
Large Language Models for Test Case Evolution and RepairLarge Language Models for Test Case Evolution and Repair
Large Language Models for Test Case Evolution and RepairLionel Briand
 
Understanding Flamingo - DeepMind's VLM Architecture
Understanding Flamingo - DeepMind's VLM ArchitectureUnderstanding Flamingo - DeepMind's VLM Architecture
Understanding Flamingo - DeepMind's VLM Architecturerahul_net
 
Best Angular 17 Classroom & Online training - Naresh IT
Best Angular 17 Classroom & Online training - Naresh ITBest Angular 17 Classroom & Online training - Naresh IT
Best Angular 17 Classroom & Online training - Naresh ITmanoharjgpsolutions
 
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdfAndrey Devyatkin
 
Effectively Troubleshoot 9 Types of OutOfMemoryError
Effectively Troubleshoot 9 Types of OutOfMemoryErrorEffectively Troubleshoot 9 Types of OutOfMemoryError
Effectively Troubleshoot 9 Types of OutOfMemoryErrorTier1 app
 
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdfSteve Caron
 
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...kalichargn70th171
 
2024 DevNexus Patterns for Resiliency: Shuffle shards
2024 DevNexus Patterns for Resiliency: Shuffle shards2024 DevNexus Patterns for Resiliency: Shuffle shards
2024 DevNexus Patterns for Resiliency: Shuffle shardsChristopher Curtin
 
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4j
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4jGraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4j
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4jNeo4j
 
Keeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository worldKeeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository worldRoberto Pérez Alcolea
 
Advantages of Cargo Cloud Solutions.pptx
Advantages of Cargo Cloud Solutions.pptxAdvantages of Cargo Cloud Solutions.pptx
Advantages of Cargo Cloud Solutions.pptxRTS corp
 
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptx
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptxThe Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptx
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptxRTS corp
 
SAM Training Session - How to use EXCEL ?
SAM Training Session - How to use EXCEL ?SAM Training Session - How to use EXCEL ?
SAM Training Session - How to use EXCEL ?Alexandre Beguel
 
Leveraging AI for Mobile App Testing on Real Devices | Applitools + Kobiton
Leveraging AI for Mobile App Testing on Real Devices | Applitools + KobitonLeveraging AI for Mobile App Testing on Real Devices | Applitools + Kobiton
Leveraging AI for Mobile App Testing on Real Devices | Applitools + KobitonApplitools
 
Amazon Bedrock in Action - presentation of the Bedrock's capabilities
Amazon Bedrock in Action - presentation of the Bedrock's capabilitiesAmazon Bedrock in Action - presentation of the Bedrock's capabilities
Amazon Bedrock in Action - presentation of the Bedrock's capabilitiesKrzysztofKkol1
 

Último (20)

Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdf
Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdfPros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdf
Pros and Cons of Selenium In Automation Testing_ A Comprehensive Assessment.pdf
 
Strategies for using alternative queries to mitigate zero results
Strategies for using alternative queries to mitigate zero resultsStrategies for using alternative queries to mitigate zero results
Strategies for using alternative queries to mitigate zero results
 
Introduction to Firebase Workshop Slides
Introduction to Firebase Workshop SlidesIntroduction to Firebase Workshop Slides
Introduction to Firebase Workshop Slides
 
Ronisha Informatics Private Limited Catalogue
Ronisha Informatics Private Limited CatalogueRonisha Informatics Private Limited Catalogue
Ronisha Informatics Private Limited Catalogue
 
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdf
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdfEnhancing Supply Chain Visibility with Cargo Cloud Solutions.pdf
Enhancing Supply Chain Visibility with Cargo Cloud Solutions.pdf
 
Large Language Models for Test Case Evolution and Repair
Large Language Models for Test Case Evolution and RepairLarge Language Models for Test Case Evolution and Repair
Large Language Models for Test Case Evolution and Repair
 
Understanding Flamingo - DeepMind's VLM Architecture
Understanding Flamingo - DeepMind's VLM ArchitectureUnderstanding Flamingo - DeepMind's VLM Architecture
Understanding Flamingo - DeepMind's VLM Architecture
 
Best Angular 17 Classroom & Online training - Naresh IT
Best Angular 17 Classroom & Online training - Naresh ITBest Angular 17 Classroom & Online training - Naresh IT
Best Angular 17 Classroom & Online training - Naresh IT
 
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf
2024-04-09 - From Complexity to Clarity - AWS Summit AMS.pdf
 
Effectively Troubleshoot 9 Types of OutOfMemoryError
Effectively Troubleshoot 9 Types of OutOfMemoryErrorEffectively Troubleshoot 9 Types of OutOfMemoryError
Effectively Troubleshoot 9 Types of OutOfMemoryError
 
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf
[ CNCF Q1 2024 ] Intro to Continuous Profiling and Grafana Pyroscope.pdf
 
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...
The Ultimate Guide to Performance Testing in Low-Code, No-Code Environments (...
 
2024 DevNexus Patterns for Resiliency: Shuffle shards
2024 DevNexus Patterns for Resiliency: Shuffle shards2024 DevNexus Patterns for Resiliency: Shuffle shards
2024 DevNexus Patterns for Resiliency: Shuffle shards
 
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4j
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4jGraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4j
GraphSummit Madrid - Product Vision and Roadmap - Luis Salvador Neo4j
 
Keeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository worldKeeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository world
 
Advantages of Cargo Cloud Solutions.pptx
Advantages of Cargo Cloud Solutions.pptxAdvantages of Cargo Cloud Solutions.pptx
Advantages of Cargo Cloud Solutions.pptx
 
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptx
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptxThe Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptx
The Role of IoT and Sensor Technology in Cargo Cloud Solutions.pptx
 
SAM Training Session - How to use EXCEL ?
SAM Training Session - How to use EXCEL ?SAM Training Session - How to use EXCEL ?
SAM Training Session - How to use EXCEL ?
 
Leveraging AI for Mobile App Testing on Real Devices | Applitools + Kobiton
Leveraging AI for Mobile App Testing on Real Devices | Applitools + KobitonLeveraging AI for Mobile App Testing on Real Devices | Applitools + Kobiton
Leveraging AI for Mobile App Testing on Real Devices | Applitools + Kobiton
 
Amazon Bedrock in Action - presentation of the Bedrock's capabilities
Amazon Bedrock in Action - presentation of the Bedrock's capabilitiesAmazon Bedrock in Action - presentation of the Bedrock's capabilities
Amazon Bedrock in Action - presentation of the Bedrock's capabilities
 

Intel® XDK Guide for Building HTML5 Apps

  • 1. Intel® XDK Ian Maffett May 26, 2015 Philadelphia JavaScript Developers
  • 2. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice  Intel and HTML5  What is the Intel® XDK  XDK Walk Through  Apps built with the XDK  Questions 2 Overview
  • 3. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Software Engineer and Developer Advocate on the HTML5 tools team. Focused on UI frameworks, third party tools, and enabling developers to build great apps. 3 About Me
  • 4. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 4
  • 5. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Intel and HTML5 5
  • 6. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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. 6 HTML5 team
  • 7. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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. 7 Why build the XDK?
  • 8. Copyright © 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 8
  • 9. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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. 9 A desktop app that’s really a web app.
  • 10. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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 10 Designed for the lifecycle of development
  • 11. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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 11 Only use what pieces you want
  • 12. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Tour of the XDK 12
  • 13. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 13 Projects Tab
  • 14. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 14 Editor
  • 15. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 15 Emulator
  • 16. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 16 On Device Testing
  • 17. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 17 On Device Debugging
  • 18. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 18 On Device Profiling
  • 19. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 19 Build System
  • 20. Copyright © 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 20
  • 21. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 21 Reasons companies abandoned HTML5 Kiran 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.”
  • 22. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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. 22 How the Intel® XDK is solving them
  • 23. Copyright © 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? 23
  • 24. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Swoop 24 WebGL Games
  • 25. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Star Nomad Elite https://play.google.com/store/apps/det ails?id=com.halfgeekstudios.starnom adelite&hl=en 25 2D Canvas Games
  • 26. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice ZonzoFox – City Guides https://play.google.com/store/apps/det ails?id=com.xdkzonzofox.com.zmbuil d 26 City Guides
  • 27. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Potty Training Game https://play.google.com/store/apps/details?id=com.russpuppy.potty training 27 Kids Educational Games
  • 28. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice Questions 28
  • 29. Copyright © 2014, Intel Corporation. All rights reserved. *Other names and brands may be claimed as the property of others.Optimization Notice 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 © 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

Notas do Editor

  1. Manage project specific settings here. On the left pane you will find all your projects. You can create a new project or open an existing project. On the right pane you will find project information. The first section gives basic meta information. The “Source Directory” is where your HTML code lives and is used for the emulator and running on device. Cordova 3.X Hybrid Mobile App Settings This section allows you to configure your Cordova settings. You can add plugins to your project. The XDK has a curated list of default Cordova plugins and featured custom cordova plugins. You can add third party plugins by pointing to the Github URL, local filesystem, or using the intelxdk.config.additions.xml file. That file is used if you need to specify parameters Build Settings - Manage your build settings here.. These will be specific to each build/platform and are meta information for your application. Launch Icons and Splash Screens – Add your assets here. They must reside in your application folder so they can be uploaded to the build server.
  2. The Develop tab allows you to edit your code using Brackets. There are additional tools included, such as Web Service helpers, Live Development and App Designer. Web Services – you can explore included web services or create your own. You can use App Designer to bind the web services to your application Live Develpoment – Make changes to your HTML or CSS and see it updated in the browser (similar to Chrome Developer Tools) App Designer – Tool to build your UI which supports multiple frameworks. Round tripping is enabled, so you can edit the HTML and go back into the tool and see the changes.
  3. The emulator is more of a simulator. Remember it is running on your desktop with no hardware throttling. This allows you to preview your app on the desktop, change skins to see the responsiveness of it, and emulates some Cordova plugins. By clicking the bug icon, you get access to Chrome Developer Tools to debug your application. This is great for rapid development to do most of your testing before you require a physical device. Custom plugins and 3rd party plugins are not emulated, so they will fail. If you need to test them, you must build your application.
  4. On device testing with App Preview. This allows you to test your app without requiring a developer account. Simply install Intel App Preview from the store on your device. You can push your app to the cloud and test it or test it if your XDK is running on the same network and subnet as your wireless device. This tool is great to allow remote developers to test your app by pushing to the cloud. You can not test third party cordova plugins.
  5. Push your app to your Android* Phone to do on device debugging with the Crosswalk WebView. Get access to Chrome Developer Tools to interact with your app on the physical device. You can modify HTML, CSS, and execute JavaScript. This feature will run on any Android 4+ phone and is a great way to see the benefits of Crosswalk.
  6. An enhanced memory profile is available for Android 4+ (via CrossWalk) to find performance bottlenecks in your code. You can inspect the source code to find the parts of code that take longer to execute. Clicking the lines will open the file in Brackets in the develop tab.
  7. Build your apps in the cloud without any native SDK’s. You will need any required developer accounts (Android*, iOS*, Windows*, etc). For Cordova apps, you will configure your settings back on the projects tab. You can build web apps (this simply returns a zip file). When the build is completed, you will be able to download the binary to submit to the app store. With Android builds, you can install the app right on your device. You can also do this for Ad*Hoc iOS builds. Builds can fail for a few reasons. If there is a failure during the build, you will get the Cordova build log. At the bottom of the log file will be any errors. If there is an issue with your assets, you will get a message with no other information.