Saturday, October 29, 2016

Automate mobile app integration using AppFusion

Less coding and more fusing is what AppDome offers on the cloud.

First of all AppFusion is a codeless platform to automate mobile integration. It is a cloud-based service that can be used by mobile developers as well as mobile professionals (Mobile IT, Ops, LOB etc) to rapidly integrate new functionality and services to mobile apps on demand without any coding.

The following are the key parts of this platform:

Mobile Integration Workflow
 Primary user interface for interacting with the services. The workflow is intuitive for uploading, fusing, signing and deploying. Also analyze fused apps plus collaboration and productivity tools.

App library
 Upload and store unlimited number of apps in a stateful, private repository.

Fusion workbench
  Choose services that the customer wants to fuse to the app and create what are called Fusion Sets to apply to apps.

AppFusion Catalog

Also to note: When you sign you can add a complete best practice mobile security suite to mobile apps - for FREE

View fusion video here:




View security related video here:



Read more details here, or even better create a trial account if it is available. Trying it out to find if it  fits your requirements.

Get your beta here.
Source: AppDome web site.

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.

ApacheCordova_00.PNG

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

ApacheCordova_01.PNG

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: https://www.google.com/chrome/browser/index.html. 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.
http://hodentekmobile.blogspot.com/2016/10/developing-apache-cordova-app-using_27.html



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:


BS_04.png

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.

BS_05.png

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
Mobile-first
Wide browser compatibility


Intel XDK has built-in support for Bootstrap Framework.


BS_02

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.



BS_00

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

BS_01

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:

Bocoup
IBM
Ripple
Samsung
Sauce Labs
Sense Technic Systems
Site Pen
StackPath
University of Westminster
WebsiteSetup


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;
https://adtmag.com/articles/2016/10/17/js-foundation-launched.aspx


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
ENERGY & UTILITIES
Continuous noise monitoring and sound event detection & identification
INNOVATION & TECHNOLOGY

Energy, Information, and Avatars
ENERGY & UTILITIES
"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
INNOVATION & TECHNOLOGY

Remote Patient Monitoring
HEALTHCARE

"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
MANUFACTURING
"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
TRANSPORTATION & LOGISTICS
"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
HEALTHCARE
Inventory tracking for surgical kits

Transformation of business operations through IoT enabled edge to cloud video, sensors and advanced analytics
BUSINESS TRANSFORMATION
"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:
http://www.iotsworldcongress.com/congress/2016-agenda/

Monday, October 17, 2016

Are you building apps with Intel XDK?

Then you may note the following:

  • The latest update released October 11, 2016 is v3619
  • If you are using versions prioer to 2893 released in March 2016 then the following are no longer supported:
          Build Tab
         Test Tab
         and the Intel App Preview

Please upgrade to version 3619. After this the Debug tab and the hosted weinre server while using Test Tab and the Live Development pane under DEVELOP Tab are deprecated and will be retired soon.

What's new in v 3619?

A keyword-based filter for sorting samples and prjects
New Linux and Apple OSX installers
New Iot Project Samples using Microsoft Azure

Many other issues have been addressed. Too numerous to sumarize here.
Follow this link:
https://software.intel.com/en-us/xdk/docs/release-notes-information-intel-xdk

Monday, October 10, 2016

Intel XDK: Controls 13: ACCORDION Control in App Designer 7

In this post I will be considering the most basic implementation of the ACCORDION control in an Intel XDK App Framework 7 project.

I had described the accordion control  years ago while using the DOJO framework, another framework that worked splendidly.

You can create a project with an ACCORDION control on the web page.

You launch Intel XDK (Version3522) and create a Standard HTML5 project and choose to use the App Framework 7. This creates a single page application and the DESIGN features will be available.

I just placed a HEADER and replaced its title to My Books. The ACCORDION control is available under CONTROLS as shown.


Accordion_00

For this post I tried dragging and dropping this control on to the page and it does not work, probably by design. What you need to do is to drop the following HTML fragment for this control on the page.

Accordion_01

This is where you would place this code:


Accordion_02

This will generate an accordion control with three accordion items, the second of which is displayed expanded in SIMULATION (very faint ellipsis at the left edge of displayed area below 'My Books'..


Accordion_03

The first three ellipsis in the display belong to the three acordion items and the last ellipsis is what is shown in the fragment.

The second fragment is shown here and it shows a toggle and also the content it will toggle to.


Accordion_04

Now I added some content to replace the ellipsis in the HTML fragment as shown. The changes are as shown. In the content area insert your content which may include images, etc.


Accordion_05

With the above, the DESIGN page looks like this:


Accordion_06

The displayed page appears as shown with the first item in Clicked state. You can click the other accordion items which will close the one that is open and opens the one that is clicked.


Accordion_07

I apologize in inserting pictures of code instead of the code itself as the blogger does not support the 'pre' tags.


       

   

Developing Universal Windows Platform on Windows 10 devices -1

You must be in Developer Mode both on the PC on which you develop Universal Windows Apps as well as any device on which you want to test your app.

In this post I discuss the Settings in your PC. If your in Developer Mode on your PC then you can open a Universal Windows Platform (UWP) project in Visual Studio.

Developer Mode on the PC:
For example I am in Developer Mode on this computer on which I intend to develop a UWP App. When I open up Settings as shown I can search the item for 'For developers'.


UWP_00

Clicking on 'For Developers the following is displayed, where if are not already in Developer Mode choose the option.


UWP_01

As you develop you may want to test on a connected device which may be on the local area network or a USB connected device and you should enable them on this page.


UWP_02

You should also enable the Windows Explorer settings to make your work more efficient.


UWP_03
Also settup the Remote Desktop settings and some of them are default when you are developer mode.


UWP_04

You may need the assist of PowerShell and to avoid bottle necks in running the PS code locally this settings will be needed.


UWP_05

In the next post I describe the settings for a Windows 10 Phone, the Microsoft Lumia 950.

Tuesday, October 4, 2016

Google enters the phone hardware battle with its Pixel phones

The field is full of actors having various kinds of difficulties from exploding phones to trembling hardware infected with 'touch disease'. Apart from the headline news of problems there is the underlying problem with 'Sales'. Google wants to take on Apple, if I go by some of the Internet sites.

Microsoft has tried to enter smart phone market with a really good phone like Microsoft Lumia 950. It has not made any significant dent and can Google with similarly priced phones with very similar features do any better. OK, there is a better camera, so what?

Google is also moving to AI-First from Mobile-First. Looks like it wants to one-up the Microsoft's Mobile-First slogan.

Google phones were already in the market with the brand name Nexus made by Chinese and Korean manufacturers but now PIXEL is a Google branded phone made by HTC. Pre-ordering has started in many countries and you can pre-order at the Google site.




The most significant feature of what makes it different from other phones is its advertised AI integration. Wait and see how good it is!

This is the core of the future of 'Windows', the Universal Windows Platform

Windows evolved from just windows to include 'phones'.

When Windows 8.1 was introduced Windows Runtime(WinRT) which was evolution of Windows app model came up with the Universal Windows 8 apps for both Windows and Windows Phone. Windows and Windows Phone shared a ccommon piece of code.

Universal Windows Platform was introduced beginning Windows 10. The target was no more the Windows OS or Windows Phone OS but a common platform with a unified core. This core runs on all devices in the Windows family.

Devices running this core can target can not only call WinRT APIs that are common to all devices but also Win32 and .NET APIs that are specific to device family. This means all you need to develop is a single app package that can be installed on a wide variety of devices shown here.

UWP_00.PNG

On any device, you have therefore, the guaranteed core and you add APIs on top of it specific to the device. You will conditionally access the device specific features in your code.

Here is the present line up of the device family.

UWP_01.PNG

Here is a Video from Microsoft's Channel 9 with additional information:

Saturday, October 1, 2016

Near Field Magnetic Induction and Apple iPhone 7 ear buds

You know Near Field Communication (NFC) but you may not be knowing that NFMI is also hot. NFMI stands for Near Field Magnetic Induction. The iPhone 7 earbuds use NFMI so that they do not require a wire running between them. The company which specializes in NFC goes by the name NXP Semiconductors in Holland also makes the NFMI.

The NFMI chip uses less power than an equivalent Bluetooth Low Power device and its absorption by the body tissues is 10000 times less than Bluetooth makes it an attractive alternative. As a consequence of this low power operation its range is limited to about a meter making it just appropriate for connecting the two ear buds and of course it is tiny with a 10.4 mm sq. area.

Ear is a very sensitive area of the body where other body functions can also be monitored and, of course it has very sensitive parts. Any thing to reduce damage from anything including RF damage is most desired. The new NFC chip also has a two-axis accelerometer embedded, another very desirable feature is, it is also water proof.

I have only summarized this excellent coverage of the article by Colin Johnson and I recommend you reading this article which appeared on EETimes.
 
Here is a short video of NxH2280 demonstration .





This schematic of the NxH2280 chip appeared in the article.


NFMI_00

Michael Faraday would have been thrilled!




Intel XDK: Controls 12: SORTABLE LIST BLOCK widget in App Designer 7

I am using the same project I described earlier, the TabbarWidget which has three tabs in the bottom of the page as shown.

I created two more pages, named First and SortableList. I renamed the tabs as shown in the image of the main page image of TabbarWidget.


SortList_00

Using the INTERACTIVITY, the tabs Gallery and SortableList will open the First and SortableList pages. The Back and Go back buttons on those pages will bring the Main page to the display.

The Gallery tab brings up the FIRST page as shown. This page is configured as described earlier to demonstrate the basic IMAGE GALLERY widget in Intel XDK.



SortList_01

The SortableList tab brings up a page in which I have placed a SORTABLE LIST BLOCK widget from CONTROLS | LIST BLOCK shown here.


SortList_03

When you place the SORTABLE LIST BLOCK widget the following HTML will be added to the index.html as shown.


SortList_04

The SortableList tab on Main Page when clicked takes you to this page shown here.





SortList_05

It has the SORTABLE LIST BLOCK widget with three list elements and I have added a Back button to enable navigation back to the MAIN PAGE as seen earlier. I have changed the PLACE HOLDER for one of the list items as shown to 'Jay'.

Based on the document here (http://framework7.io/docs/sortable-list.html),  in order to make it sortable, I need to add the appropriate HTML fragment to access the Enable Sortable method.

This is the code (Open-Sortable) I mentioned earlier in an image of the HTML content (review image previous to the above).

When I place this HTML fragment in the indicated position shown earlier; the DESIGN view of the page appears as shown. The ENABLE SORTABLE link is displayed.


SortList_06

Now click SIMULATE to run the app of choice (iPhone6s) and the page appears with a link to the Enable Sortable method. Click on the link. The page changes to the following with icons to the right extreme of each list item being displayed as shown:


SortList_07

Click the ICON and you can move the list element up or down the list (draggable). The next picture shows 'Jay' dragged to the bottom of the list.



SortList_08

You can also set up links to disable sortablility as well as toggle the sortability.