Intel XDK
Inside
About Me
What is Intel XDK?
One-Stop
HTML5 IDE
Windows*, OS X*, Linux* hosted
FREE, As Always!
One-Stop means ...
Develop
Debug
Deploy
Help HTML5 Developers Deal with ...
How Intel XDK helps real life?
Design and Develop
Iteration #1
App Wireframe
Start with Demo or Template
Then ... Use App Designer to quickly prototype the UI
-
Start with common UI Frameworks:
jQuery Mobile, Twitter Bootstrap, Topcoat -
Customize JS codes for UI components
-
Responsive UI design support
App Designer <-> Brackets* Editor
Demo: Responsive UI Design
Responsive Layout
Use Media Queries
Test and Debug
Iteration #1
in Browser-based Emulator
Demo: Accelerometer
In-browser Emualtor
-
Simulate with different phone / tablets skins
-
Support for Cordova* device APIs
-
Quickly switch to CDT* debugger inside
-
Built based on Apache Ripple* project
Tutorials: Intel XDK Emulator Tab
Add and Use
Iteration #2
Device Capabilities, Web Services
-
Brackets* Editor: Code Hints
-
Eumulator: APIs simulation
-
On-device Testing and Build system
Cordova 3.x Core Plugins
are supported by ...
Add Third-Party Plugins
Explore Apache Cordova Plugins Registry
Tutorial: Using Services Tab
Preview, Debug, Profile
Iteration #2
for Android*
iOS* coming soon ...
First, download App Preview!
Android Google Play
iOS App Store
Windows Phone Store
Windows 8 App Store
NO Google Play?
App Preview is a FREE app to test Intel XDK projects on devices.
Demo: Preview and Debug
Emulate, Preview, Debug
Preview on 6 Devices
Tutorials: How to Use
Test on Other Devices
Iteration #3
iOS*, WinPhone*, Windows* 8
Video: Test on 4 Platforms
Build Apps on Cloud
for Mobile App Platforms
Demo Release
Hybrid or Web Apps for
Apple* App Store, Google* Play, Windows* 8 and Windows* 8 Phone Stores.
Also, Amazon*, Tizen*, Nook*,
Facebook*, Chrome*, Firefox* stores.
Configure Cordova 3.x Settings
in Projects Tab
Plugins and Permissions
Build Meta Info
Icons and Splash Screens
Crosswalk* for Android
-
Web Runtime for Android 4.0+
-
Better performances, more APIs!
-
WebGL, WebAudio, WebRTC!
-
Perfect for games, and Open-Source
Demo: Build a Crosswalk App
Tutorials: How to Build
Intel XDK is a PURE HTML5 Tool
because ...
It is built with
HTML5 technologies,
upon Node-Wekbit !
* Node-Webkit is created and developed in the Intel Open Source Technology Center.
Need Support ?
Official Tech Forum (English)
Ask Question on StackOverflow
Also, visit Chinese Tech Forum
< Thank YOU />
We are Hiring !!!
(click me)
Intel XDK Inside
By Haili Zhang
Intel XDK Inside
iWeb Summit 2014 - Beijing
- 3,604