How do you deploy a Universal Windows Project to a connected device?

We will be using the Lumia 950 as the connected device and it has been set to Developer Mode as described earlier.

We start with the HelloWorld Universal Windows Project(UWP) that has been tested to run without errors on the Local Machine as described here.

Open the project in Visual Studio 2017 as shown.

LumiaDeploy_0 and LumiaDeploy_7

Build (Using Menu Build and its context menu) the Project and verify it is successful.
--------
1>------ Build started: Project: HelloWorld, Configuration: Debug x86 ------
1>  HelloWorld -> C:\Users\Owner\source\repos\HelloWorld\HelloWorld\bin\x86\Debug\HelloWorld.exe
========== Build: 1 succeeded, 0 failed, 0 up-to-date, 0 skipped =====
------------------

Click Local Machine along Debug as shown.

LumiaDeploy_1

Pick Device from the list, the display changes as shown.

LumiaDeploy_2

Connect your Windows 10 Mobile(Lumia 950) to one of the USB ports.

This will result in an error as it is not x64 architecture.

LumiaDeploy_9

Pick ARM from the list.

Click Configuration Manager... to display the Configuration Manager window as shown.

LumiaDeploy_4

Make sure configuration is as shown above.

Click Build and from drop-down click Deploy.

Deploy succeeds and you should see the HelloWorld app appears in the apps list.

Here are the deployed apps on Lumia 950

 After clicking 'Hello'

What is required to deploy a Universal Windows Project to Lumia 950?

One of the requirements is that your phone should be configured so that UWP can be deployed. 

The configuration needs to be modified on the phone using SETTINGS as described here. If you are a registered then you can use the developer mode.

I deploy my UWP apps to Microsoft Lumia 950. One of the first things you need to do is to set it for Developers.

There are three options and you should choose Developer mode as shown here:

Lumia950_0

You should turm on option to make your phone visible to USB connections to your local network as shown here:

Lumia950_1

Also turn on remote diagnostics over USB and authentication as shown above.

Lumia950_2

Now you can connect the Windows 10 Mobile(=Lumia 950) to one of the USB connections on your laptop/computer where you are running Visual Studio 2017 used for creating Universal Windows Projects. You set up your project deploying it to the device.

Here are my phone details:

Microsoft Lumia 950

Version 1709

Windows 10 Mobile

OS Build:10.0.15254.124

Screen Res: 1440x2560

Here is HelloWorld deployed to Lumia950

Lumia950_3

How do I work with Apache Cordova using Visual Studio 2015?

Intel XDK has great resources for HTML5 Web apps targeting mulitple platforms. Additonally it has debugging support for iOS and Android devices but not for Windows platform.

The free version of Visual Studio 2015 called the Visual Studio 2015 Community has excellent support for everything from web to data; on-site, cloud and hybrid applications including Business Intelligence. This support is out of the box for Windows platform. However, for open source and third party there are extensions that can be used.

You can add extensions to work with Apache Cordova based apps. Here are some of the extenions presently available online.

The Cordova Multiplatform is well suited for HTML5 but the language used is TypeScript. I am not sure if there is one in JavaScript.



More information here.

What is Intel XDK?

 This is the age of mobile and mobile applications will be dominant in the coming years.

Intel XDK is a good tool to create cross-platform mobile applications for diverse device foot prints from Smart Phones starting with generation 3 all the way to 7 from diverse manufacturers, Apple, Microsoft, Google, Black Berry etc. Developers using Intel XDK can test their apps on their own device over Wi-Fi; test them in the emulators and debug them as well.

If you are interested there are various resources on the web. But first get to this site:
https://software.intel.com/en-us/intel-xdk.

 The support forum is very active with Intel staff answering questions from users.

You can do lots of stuff, these are just for starters:

 There are many step-by-step tutorials on our other site: http://hodentekMobile.blogspot.com.

Here are some direct links on the above site:

Part 1:Creating a Intel XDK project using a template; SideMenu project UI, SideMenu on iPhone6 emulator
http://hodentekmobile.blogspot.com/2015/11/develop-side-menu-app-using-intel-xdk.html

Part 2: Review of Controls and Layout as well as working with Pages. Pages in a SideMenu
http://hodentekmobile.blogspot.com/2015/12/develop-side-menu-app-using-intel-xdk.html

Part 3: Linking the pages and Navigation
http://hodentekmobile.blogspot.com/2015/12/develop-side-menu-app-using-intel-xdk_19.html

Part 4: Adding the BACK button to return to the previous page.
http://hodentekmobile.blogspot.com/2015/12/develop-side-menu-app-using-intel-xdk_26.html

Part 5: Adding pages and organizing controls  to the project
http://hodentekmobile.blogspot.com/2016/01/develop-side-menu-app-using-intel-xdk.html

The project you create will be on a server. For accessing the app from the server over Wi-Fi you need the Intel App Preview which is available for most devices and the software gets updated and the preview app is available from the app store (Apple store, Windows Store, etc.).

The Intel App Preview is available for the latest phones as well, such as iPhone 6, Microsoft Lumia 950 and many others.

For iOS devices from Apple Store:

 

For Windows Phone from Microsoft Store (Windows 10) :

I recently created several apps and naturally wanted to see how it works. I downloaded Intel App Preview for both iPhone 6S and Microsoft Lumia 950. I was surprised to find that generally Microsoft Lumia 950 did a much better hob, or rather the Preview fared much better on Lumia 950.
One of the biggest drawbacks of using the Preview on iPhone 6S was that once you click to look at an app, there is no way you can go back to the Preview activation link. You will have to delete Intel App Preview and reinstall again. For example, I opened an app, 'Hodentek Books', the page shows up neatly, but how do I go back?  The 'back' on the screen is actually a refresh to populate a 'iFrame' widget.

Iphone6_WidgetTest.png

On Microsoft Lumia Intel App Preview fared much better because of the software back button that takes you back to the quiescent state of Intel App Preview.

However the access time of the apps from both the devices over Wi-Fi were quite long and will not match with the patience of the audience.

On the fidelity of the app on the phones, the iPhone 6S was identical to the one on related emulator in Intel XDK. The Windows 10's rendition was far from perfect although the claim is made that styling issues have been fixed. However, the present emulator was really made for Windows 8.1 but tested on Windows 10. It may be noted that Intel App Preview claims to have been built for Windows 10 which perhaps is an optimistic statement.

I had a response from the Intel XDK Forums (User Forums| App Framework) that a new version for Windows 10 will be released soon. Perhaps things can get better.