Intel XDK in Brief

50
+ Intel XDK Web Apps Hybrid Apps

Transcript of Intel XDK in Brief

Page 1: Intel XDK in Brief

+

Intel XDK

Web AppsHybrid Apps

Page 2: Intel XDK in Brief

+HTML5 cross platform development tool Integrated development workflow from design to app

stores

Built-in design, debug, and build tools, plus 100's of Cordova APIs

Easier build, faster deployment - write for one, publish to all multi-OS app stores

Page 3: Intel XDK in Brief

+Hybrid Development Support

Cordova

Crosswalk RunTime for Android

Page 4: Intel XDK in Brief

+Environment - Develop

Page 5: Intel XDK in Brief

+Environment - Emulatehttps://software.intel.com/en-us/xdk/docs/dev-emulator

Page 6: Intel XDK in Brief

+Environment - Emulate

Page 7: Intel XDK in Brief

+Environment – Test

Page 8: Intel XDK in Brief

+Environment – Test – Push - Model

Page 9: Intel XDK in Brief

+Intel App Previewhttps://software.intel.com/en-us/xdk/docs/intel-xdk-app-preview-overview

Page 10: Intel XDK in Brief

+Environment – Test – QR code

Page 11: Intel XDK in Brief

+Environment – Test – Debugging in Device

Page 12: Intel XDK in Brief

+Environment – Test – Debugging in Devicehttp://people.apache.org/~pmuellr/weinre-docs/latest/

Page 13: Intel XDK in Brief

+Environment -Debug

Page 14: Intel XDK in Brief

+Profilinghttps://software.intel.com/en-us/xdk/docs/using-the-profile-tab

Resource Monitoring: Explore summary statistics of your application performance per CPU Usage, Memory Usage and FPS metrics to triage issues for further optimization.

CPU Profiling: Analyze your application's call flow and the CPU time spent executing each JavaScript function. Focus on optimizing functions that take the most time to execute (hotspots).

Memory Profiling: Explore how your application consumes memory resources over time and analyze retaining paths for JavaScript objects.

Page 15: Intel XDK in Brief

+Build Tabhttps://software.intel.com/en-us/xdk/docs/using-the-build-tab

Page 16: Intel XDK in Brief

+Pre-Built Templates SingleView App

This template can be used for simple application that has just one view, this template can be used for creating Applications similar to Flash light app or Calculator app.

Page 17: Intel XDK in Brief

+Pre-Built Templates FlipView App

This template can be used for simple utility application that has a main view and a settings view, this template can be used for creating applications similar to Maps app, Weather app or Clock app.

Page 18: Intel XDK in Brief

+Pre-Built Templates ListView AppThis template can be used for simple

list view application that has a main view with scrollable list and detail view for each list item, this template can be used for creating applications similar to Mail app, Messages app or Twitter* app.

Page 19: Intel XDK in Brief

+Pre-Built Templates GridView AppThis template can be used for photo app with

grid view that will open detail view, this template ]can be used for creating applications similar to Photo app orInstagram* app.

Page 20: Intel XDK in Brief

+Pre-Built Templates SideMenu AppThis template can be used for simple app with side

menu that can be opened to switch views, this template can be used for creating applications similar to Youtube* app or Gmail* app.

Page 21: Intel XDK in Brief

+Pre-Built Templates TabView AppThis template can be used for simple tab view

application that has tabs at the bottom to switch views, this template can be used for creating applications similar to Phone app, Facebook* app or Instagram* app.

Page 22: Intel XDK in Brief

+Pre-Built Templates LoginView App

This template can be used for creating an app that requires login and registration before the app can be started, it shows option for login/register and takes you to login form view and register form view, this template can be used for creating applications similarto Facebook* app or Twitter* app.

Page 23: Intel XDK in Brief

+Pre-Built Templates Ionic Framework

Ionic Framework + Angular JS

Page 24: Intel XDK in Brief

+Project Settings

Page 25: Intel XDK in Brief

+Project Settings – Add Plugin - Core

Page 26: Intel XDK in Brief

+Project Settings – Add Plugin – Intel XDK

Page 27: Intel XDK in Brief

+Project Settings – Add Plugin – Featured Plugins

Page 28: Intel XDK in Brief

+Project Settings – Add Plugin – Third Party - Cordova

Page 29: Intel XDK in Brief

+Project Settings – Add Plugin – Third Party – Git Repo

Page 30: Intel XDK in Brief

+Project Settings – Add Plugin – Third Party – Local Plugin

Page 31: Intel XDK in Brief

+App DEV Center - Loginhttps://appcenter.html5tools-software.intel.com/csd/controlpanel.aspx

Page 32: Intel XDK in Brief

+App DEV Center - Dashboard

Page 33: Intel XDK in Brief

+App DEV Center - BUILDING

Page 34: Intel XDK in Brief

+App DEV Center – Update QR

Page 35: Intel XDK in Brief

+App DEV Center – Promote

Page 36: Intel XDK in Brief

+App DEV Center – Download

Page 37: Intel XDK in Brief

+App DEV Center - Share

Page 38: Intel XDK in Brief

+App DEV Center - Debug

Page 39: Intel XDK in Brief

+App DEV Center - Credentials

http://www.html5dev-software.intel.com/documentation/content/Articles/Article_UsingOAuth/index.html?r=9243

Page 40: Intel XDK in Brief

+App DEV Center – Credentials - Facebook

Page 41: Intel XDK in Brief

+Intel APP Frameworkhttp://app-framework-software.intel.com/

Page 42: Intel XDK in Brief

+Intel XDK Complete Tutorialhttp://qnimate.com/post-series/intel-xdk-complete-training/

Page 43: Intel XDK in Brief

+Intel XDK Complete Tutorial• Push Notification in Intel XDK using Push Plugin• Working with File System using Intel XDK• Uploading Files and Showing Progress using Intel XDK• Downloading Files and Showing Progress using Intel XDK• Create a Camera App using Intel XDK• Accessing User Phone Contacts using Intel XDK• Encrypting Local Data In Intel XDK• Create a Music Player App using Intel XDK• Turn On Flashlight using Intel XDK• Record Microphone Audio using Intel XDK• Record Video using Intel XDK• Playing Videos in Intel XDK APP• Authenticating using Touch ID in Intel XDK• Hide Status Bar In Intel XDK• Share Button for Intel XDK APP• Local Database Storage using Intel XDK• Intel XDK Geolocation Tutorial• Intel XDK Orientation Guide• Create a Feed Reader App using Intel XDK• Create a Password Manager App using Intel XDK• Integrate Google Analytics in Intel XDK APP• Create a Intel XDK APP with PHP and MySQL Backend• Create a Chat App using Intel XDK and XMPP• Create a Mobile app using Intel XDK and Ionic

Framework• Twitter Login in Intel XDK APP using ngCordovaOauth• Integrating Local Notifications in Intel XDK

• HTML5 Mobile App Development Using Intel XDK• Debugging Intel XDK APPs• Building Intel XDK APP for Adhoc and App Store• Intel XDK Programming Guide to Background Execution• Launch Browser Inside Intel XDK App• Sending SMS using Intel XDK• Preventing Device From Sleeping Using Intel XDK• Find Internet Connection Type Using Intel XDK• Retrieve Device Information Using Intel XDK• Intercepting Android Back Button In Intel XDK• Intel XDK Copy to Clipboard• Launch Default Browser using Intel XDK• Change Viewport Width using Intel XDK• Install or Run a App using Intel XDK• Signing Intel XDK Generated Android App• Retrieve Viewport Height and Width In Intel XDK• Displaying Alert Box In Intel XDK• Displaying Confirmation Box In Intel XDK• Display Loading Indicator In Status Bar using Intel XDK• Playing Beep Sound using Intel XDK• Integrating Youtube in Intel XDK APPs• Vibrating Phone using Intel XDK• Create a Barcode Scanner Application using Intel XDK

and PHP• Using Intel XDK Find if App is Running in Emulator or

Device• Disable Copy and Paste in Phonegap• Push Notifications in Intel XDK using pushMobi

Page 44: Intel XDK in Brief

+Gameshttps://software.intel.com/en-us/xdk/docs/getstarted-gamedev

Page 45: Intel XDK in Brief

+Games – Assets Manager

Page 46: Intel XDK in Brief

+Games – Assets Manager

Page 47: Intel XDK in Brief

+Games – Assets Manager

Page 48: Intel XDK in Brief

+Games - Libraries

http://phaser.io/examples

http://pixijs.github.io/examples/http://www.cocos2d-x.org/hub/all

http://www.createjs.com/demos/easeljs/spritesheet

Page 49: Intel XDK in Brief

+Web Services

The Develop tab of the Intel® XDK development environment lets you explore a collection of third-party web serviceAPIs (cloud services). In addition to the listed third-party web services, you can integrate other existing web services for usewithin the Intel XDK, such as those developed specifically for your app. Use these platform-independent web services to create apps that:

Present content, such as timely news, weather, and business information.Present location information visually on a map.Share information between specific devices or users.

The web-Services part of the Develop tab lets you:

Integrate the data feed and other capabilities of web services into graphical parts of the Intel XDK, such as the App Designer.Explore the APIs for a chosen service.Share the integrated services with others.

https://software.intel.com/en-us/xdk/docs/using-web-services

Page 50: Intel XDK in Brief

+Web Services