Thursday, October 27, 2016

Developing Apache Cordova App using Visual Studio 2015 Community - Contd

This is continued from my previous post here:
After creating the blank project and building it, it was found that trying to run (Start Debug) the project resulted in the following error:

In this post, I try to probe further to see if it can work with other devices\emulators. Windows Emulators run in Hyper-V and that needs to be working as the next message shows trying to work with Windows 10. This message is strange as Hyper-V is enabled. However, there
must have been a Windows 10 update which probably resets other settings.

I enabled Hyper-V using the Control Panel. However, you also need to restart the computer.

 As I had launched the Visual Studio as a normal user, it needs to run in elevated mode.

 Well. I still get this error message and cannot run..

 I changed my emulator to Windows x64 and the program ran without any errors and the emulator image is shown below.

 I tried to run in Window Phone emulator and it came up with many other errors. This one is hard to run in Windows 10 emulator.

 I am not sure what this error message is about. I wish there were more helpful messages.

Finally I ran the start debug for Window Phone with the Emulator 8.1 WVGA 4 inch 512 mode and the program ran without errors.
I have to see how it runs in other emulators/devices.

Developing Apache Cordova App using Visual Studio 2015 Community

Visual Studio 2015 Community is a free Comprehensive Windows IDE from Microsoft. You can develop both web apps as well as native apps. It is also cross-platform. Besides these you can develop a whole lot other types of projects including Databases and IoT.

This post deals with creating a Apache Cordova app using Visual Studio 2015 Community Update 3.
In the New Project... window you find only one template, a Blank App available for developing a Apache Cordova JavaScript based app.


If you accept the default blank project you would see the following in the Solution Explorer.


The project can be developed at least for two platforms Android and Windows unless scripts are not needed for WP8 and IOS devices.

By default when you try to build this project, the IDE builds it for Android. The build process is lengthy and takes some time. As this computer does not have Google Chrome installed when you try to Start Debugging, you will get the following error:
Severity Code Description Project File Line Source Suppression State
Error  Error: DEP10401 : The Ripple emulator requires Google Chrome to launch your app, but Chrome is not installed on this computer. Please install it from: BlankCordovaApp_0   IntelliSense
In order to test this blank project you need the Ripple emulator.

However one can direct debug target to another device Windows Universal (for example).

In order to build for Windows Universal we can change it from the Project's Property page (Menu Project | Project Properties) as shown:

However when you try to run this you get this error:

Most of these errors are related to not choosing the right debug target device / emulator.

Next post debugging of this default project.

Tuesday, October 25, 2016

Using Bootstrap Framework in Intel XDK - 2

Start an HTML Standard project with the option to use the App Designer. Give a name to the project, a project with your chosen name is created. The first thing that comes up is the choice to use the type of designer. Of the several existing options most will be deprecated in future version of Intel XDK. Presently Twitter Bootstrap v3 is still supported fully. The latest version of Bootstrap is 3.3.7 and you can download as described in my previous post.

Creating a project like above is not enough to bring in Bootstrap related js and css references that are needed for developing Bootstrap based apps.

Here is what you get in terms of project folders/files by default:


You need to place at least one UI element to the project to include these files as shown for a similar project on which a 'button' from the designer was dragged and dropped. Here are the project files/folders.


After making the above preparation you will be able to use the  Bootstrap JS and CSS codes. Now you are ready to use.

I removed the button after placing it, the references stayed.

Monday, October 24, 2016

Start developing with Bootstrap Framework and Intel XDK - 1

Bootstrap, the most popular framework is a free front-end framework for everything in HTML, CSS and JavaScript. Web development will be faster and easier with Bootstrap. Bootstrap has design templates with buttons, forms, typography, and more. Moreover, it supports responsive web design, designs that automatically adjusts to the devices from smart phones to desktops.

It is,
Easy to use
Has responsive features
Wide browser compatibility

Intel XDK has built-in support for Bootstrap Framework.


For example in a Standard HTML5 project with Bootstrap Framework chosen, placing a 'button' widget on a page adds the following HTML fragment to the page.


You can download Bootstrap from here and choose the option to download as shown:


You could also link reference Bootstrap from the following CDNs:

Sorry, I can only use images of HTML fragments on the blogger as it does not support 'Pre' tags correctly.

Of course there are many other ways ot using Bootstrap refer ot the link dhsown ealrier.

Wednesday, October 19, 2016

Launch of JS Foundation - Broadening appeal of JavaScript

The Linux Foundation announced the launch of JS Foundation. JS Foundation will be a new project for everything that developer would be going to the open governed, open source JavaScript.

Both JQuery Foundation and Dojo Foundation plan on joining to create a more forceful new foundation.

The fact is JavaScript has become very popular.

"JavaScript is a pervasive technology, blurring the boundaries between server, client, cloud and IoT. We welcome any projects, organizations or developers looking to help bolster the JavaScript community and inspire the next wave of growth for application development."

The initial members are:

Sauce Labs
Sense Technic Systems
Site Pen
University of Westminster

There is also a mentor program.

The main motive for the foundation is to encourage and drive JavaScript centric projects towards broad adoption and facilitate ongoing development of related technologies.

Read for more about this interesting article here;

Tuesday, October 18, 2016

Upgrading to 3619 may encounter problems

There appears to be some problem when you try to install the version 3619 from within Intel XDK. I encountered the same problem and after visiting the Intel XDL forum, I find many others getting into the same problem (Cannot extract package error). Intel forum members identified and suggested work around, getting the xdk-wrapper folder into the correct sub-folder of the installation folder.

It did not work for me. I downloaded the new version from Intel and while installing the full version, I chose the option to repair and that solved the problem.

Are you into IoT? Visit Barcelona to attend the IOT World Congress

IOT Solutions World Congress takes place in Barcelona, Spain during 25-27 October 2016. Not many days left.

The IoT Solutions World Congress is the only event featuring live testbeds of Industrial IoT solutions and applications.

Here are some copied from their site:

Communication & Control Testbed for Microgrid Applications
Continuous noise monitoring and sound event detection & identification

Energy, Information, and Avatars
"When a physical system is connected in such a symbiotic relationship with its virtual representation, we call the resulting interconnected system a “cyber-physical avatar”.

Industrial IoT beneath our cities. Interoperability and IPv6

Remote Patient Monitoring

"Cognizant’s Remote Patient Monitoring solution, powered by Microsoft’s Azure Internet-of-Things platform, empowers healthcare providers to transform the patient care relationship while mitigating the challenges impeding innovation and outcomes.

Sensitive Networking Testbed
"The goal of this testbed is to display the value of new Ethernet standards referred to as Time-Sensitive Networks in a Manufacturing ecosystem of applications."

Smart Airline Baggage Management
"Actual smart baggage trackers / RFID sensors will be shown that generate live data when they move – illustrating how the trackers are used with and applied to airline checked bags generating baggage data and alerts. "

Surgical Kit Tracking Solution
Inventory tracking for surgical kits

Transformation of business operations through IoT enabled edge to cloud video, sensors and advanced analytics
"Telefonica Fleet Management testbed will show how B2B customers from different industry segments can benefit from vehicle telematics solutions and the best way to support them through the digital transformation process."

Complete agenda of the IOT Congress here: