Intel XDK
Inside
About Me
Haili ZHANG
SW Engineering Manager
Intel XDK PRC Team
Visit
xdk.intel.com
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:
Add Plugins to Your Cordova App
Add Google AdMob Cordova Plugin
Tutorial:
Using Services Tab
Video:
How to Use Listed Web Services
How to Create a New Web Service
How to Use App Designer with Services
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
,
Debug
,
Profile
Tabs
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
Legacy Hybrid:
Android
,
iOS
,
Win8
,
WP
,
Tizen
As a Web App:
Chrome
,
Firefox OS
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)
Made with Slides.com