Intel Xdk App Designer Tool
Intel XDK
Inside
Haili ZHANG
SW Engineering Manager
Intel XDK PRC Team
Visit xdk.intel.com
Windows*, OS X*, Linux* hosted
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
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
Preview, Debug, Profile
Iteration #2
for Android*
iOS* coming soon ...
First, download App Preview!
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
It is built with
HTML5 technologies,
upon Node-Wekbit !
* Node-Webkit is created and developed in the Intel Open Source Technology Center.
Need Support ?
< Thank YOU />
We are Hiring !!!
Intel Xdk App Designer Tool
Source: https://slides.com/zhanghaili/intelxdk
Posted by: smithhild1992.blogspot.com
0 Response to "Intel Xdk App Designer Tool"
Post a Comment