Showing posts from August, 2016

Intel XDK: Controls 9: TAB BAR control in App Designer 7

When you are using App Designer in Intel XDK, you have a number of options shown. In the present post you will use App Framework 7.

You start with a Blank project using the Standard HTML5 with App Designer support from this Start A NEW PROJECT screen shown below:


After opting to choose 'Use App designer' click Continue at the bottom of the page to display Project name page.


Give a name and click Create. There will be some processing. Congratulations screen is displayed, dismiss it if you do not want to go through the QuickTour.
Here you need to choose a Framework. The options are shown.

Looks like quite a few of them are no longer supported. This is some what of a problem as you need to go through upgrading the projects you create in previous versions when some of these framworks were supported.
The default is Twitter Bootstrap v3. Choose Framework 7.Click Select at top right.

The UI you see are different from the UI you have seen in App Framework…

Apple's touch disease

It is  possible that even iPhones (6 and 6 Plus) may bre recalled due to what is called the 'touch disease (a gray, flickering bar at the top of the display and an unresponsive touchscreen)'. This could put Apple in an awkward position not to speak of its investors who believed in its stellar performance and made lots of dough.

There is a class action suit accusing 'negligent representation according to the following link:

About the unresponsive screen defect read here:

Read about touch disease posted by users:

Intel XDK: Controls 8: Displaying Map Controls in Google Maps

The previous post described the various map controls in Google Maps. The presence of them can be seen on the map. You can use true/false with the controls to enable them on the map as shown in blue in the following HTML used in my previous post here. The lines in blue are added to enable the controls. The map control streetView is a default control and you see a Pegman icon at bottom right. The Pegman is your guide to street view, you drag him to a location on your map and you can have the street view and alter it.

Here are pictures of standard Pegman and Pegman dressed for different occasions from Google site.

---------------- You may not see the content as the Pre tag is not working!Toured Cities - 2016 ------------ This page in Intel XDK as Standard HTML5 application appears as shown here on a simulated iPhone6S:

In the simulated view you may not see all the controls. If you click on the word Google to open up the map on a desktop as shown would display all the controls includ…

What are the different controls for Google Maps?

On a Google map you can find a number of controls. Some of them are there by default and there are some controls you can specify and enable.

The default controls are:

Zoom             - slider or +/- button to control zoom level
Pan                 - a control for panning the map
MapType       - a toggle to choose either road-map or satellite view
StreetView     - a thumbnail overview map showing the current viewport, Pegman

Google Maps support these other controls:

Overview map

You use the setOptions() method to change map options.

To disable default controls use this:
If you want to turn on controls you need to include the following:


Find how you add controls here:

Get HP Elite x3 and become more productive

HP describes the Elite X3 as "the power and productivity of a PC, the versatility of a tablet, and the connectivity of a smartphone in the palm of your hand."

Elite x3 is 5.96 inches diagonally (WQHD 2560x1440) with a AMOLED Display. It has dual-biometrics with iris and finger print scanners. The battery appears to be reasonable with a rating of 4150 mAhs. It can be charged inductively keeping it on a charger pad (Qi Standard). It is both IP-67 (dust and water immersion resistant) rated as well as MIL-STD 810 G  which makes it even battle worthy. It has 64Gb of internal memory, 4Gb Ram. This is an enterprise class smart phone with Windows 10.

Boost your productivity with HP Elite x3 Lap Dock (looks like a lap top) which connects wirelessly with Miracast over 802.11acc 2x2 Wi-Fi. Windows Continuum orchestrates all processing activities. You can do the same with a desktop with a Desk Dock.

This video shows the ease of using the docks.

Here is video of the Lap Dock.

HP Elite x3…

What do you need to build apps for Windows 10 Mobile?

Microsoft has manufacturers' support not only in US but also in emerging markets and Japan. If you are trying to develop apps for the Window platform this is the starting point.

Go this link here:

Download a free copy of Visual Studio 2015 Community Update 3 and it has the required SDK.

From desktop to IoT you have plenty of samples based on the Universal Windows Platform(UWP):


Review this informative video "Designing Universal Windows Platform apps"

You can build apps for Windows 8.1, Windows and iOS devices as seen here in the New Project templates.

Microsoft Windows Phone is here to stay

Data is from the link at the conclusion of the post.

There has been a claim that 'Microsoft has no manufacturing partners supporting the Windows 10 Mobile Platform'  and it is not true. Although the number of manufacturers making Windows Phones has decreased since 2015, there are enough number of them to support in key regions of the world. Regional support for Windows phone is key especially the emerging market regions.

The single OS for all Microsoft devices including phones; the regular updates to the OS; the adoption by enterprises; the strong regional manufacturing support especially in the growing emerging markets are all very positive for Windows Phone.

Read more here:

Incorporating Google Map API in Intel XDK

We recently toured a couple of European cities and thought of putting it in a demo project using Google Map API.

I also wanted to incorporate it in the Intel XDK so that I could display it in an app. First tried it on the localhost which is Internet Information Services to just check my coordinates of the cities.

Here is how it is incorporated in Intel XDK. Start a blank HTML Standard project without using the App Designer. What you get is a Hello Intel XDK! display in a mobile web app.  You need to make changes at indicated positions.

Here is the HTML page for the blank HTML5 Standard Project.

 Here is how it appears on the iPhone App before the changes.

Here is the 'Script' that you add to the blank page at the indicated position.

Here is the 'body' that you are adding.

Here is how it appears simulated on an iPhone 6 Plus.

The latitude and longitude of cities were taken from here:

These are values used:

Intel XDK Version 3491 has a Simulate that replaces Emulate of older versions

Intel XDK Version 3491 was recently released and the menu listing has changed. Instead of the Emulate menu item, you have Simulate as shown.


The device platforms you can choose from are iOS, Android and Windows.


Apple devices are:


Android device are:


Windows Phone devices are:

It is interesting the Microsoft Lumia are not targeted.

The new Simulate menu usage follow these steps:
Select a PlatformSelect a devicePreview the appRestart Preview Stop PreviewDebug Start a remote debugging session. Simulator keeps on runningClose DebuggerAuto Reload, reloads simulation when files changes are saved O plugins are changed.

Intel XDK: Controls 7: Using the Console Widget

Sometimes you want to display what is written to the Console and you can use this widget. It is quite simple to use.

The Console widget is here in Intel XDK. It is in the 'Other' category.


Start a new blank, Standard HTML5 project in Intel XDK (version 3400 used in this post). Enable the Use App Designer checkbox.

Add a button to the page by dragging and dropping a Button from the 'Buttons' category. Use the Go button widget.

The button's Label is 'Button'. Place check mark for ID and provide an ID, herein bt1.


Add a Console widget below the button as shown by dragging and dropping.


This and the button adds the following HML fragment to the index.html page.


The eval button evaluates the string expression and sends it to the textarea in the above fragment.

Test this control using some expressions after bringing up the page in the emulator. Use any emulator.

In the box left of eval button enter …