Showing posts from April, 2016

Archive your smart phone photos by resizing

Sometimes you are faced with resizing a bunch of images:

Reduce the size of images to a level accepted by your application (perhaps the server does not accept anything more than a given size) or you can only upload a certain file sizeYou want to save space (smartphones can capture HD images with very big files sizes).  
Application like Photoshop can do this, but you can use Photo Gallery on your Windows 10 machine to do the same.

Photo Gallery is a desktop app that you can download from the Windows Store.


In my Desktop I have a folder with 64 jpg items with item sizes ranging from 2780 KB to 5072 KB with a total folder size of 234 MB


I bring up and choose all images in this folder in Photo Gallery as shown.


I click EDIT and Resize as shown.


The Photo Gallery Resize dialog is displayed where you can choose the size from the drop-down list.


I choose size 640 and browse and save it to my presently empty folder named Larger_res…

Intel XDK: Controls 4: Using Google Charts widget

Google Charts is a useful widget if you want to dsiplay a chart from your data on your phone using an app.

At first you need to have a chart to display.

A simple way to create a Google chart is described here. You could have also started the Google Chart Application (online) and inserted your own data. I just used the procedure at the indicated link.

Once you have a shared data, using the widget is very easy.

Drag and drop the widget as shown on your page. Disregard the Insert Text button and the Latin text.


Click on the Google Chart Widget on your designer to display the PROPERTIES window as shown.


By default it comes up with a preconfigured URL using a Google Spreadsheet created by a user who has shared his/her spreadsheet.

In its place, use the one created by you as indicated earlier. In this particular case, I used this URL from the data I imported from MS Access.…

Building WebRTC apps with Intel XDK

Intel XDK has the right tools to build WebRTC apps. There are widgets that gets you started shown here.

You can use Intel XDK together with Intel Collaboration Suite for Web RTC to build the real time communication apps.
With Intel Collaboration Suite for Web RTC (Intel CS for WebRTC ) it is possible to build apps for real time communication over the web.
You need to use the Intel CS for WebRTC SDK built on top of W3C standard for WebRTC. You can create apps for broadcast, peer-to-peer and apps for conference.
To cater to the major OSs and HTML, the SDK is available in four versions one each for:
AndroidJavaScriptiOSWindows There is a server that you need to get used to:
Intel CS for WebRTC Conference Server that provides the Video Conference Service that streams the service to many end points with the following quoted features:
High performance, VP8 and H.264 real-time transcoding with Intel® Iris™ Pro and Intel HD Graphics Scalable multipoint control unit (MCU) server Efficient mix…

Intel XDK: Controls 3: HTML5 and the image widget in Intel XDK

figure is the new HTML element in HTML5 and it containsfigcaption element which is also new in HTML5. image is only one of the things that can be represented by figure.

You use the image widget in the CONTROLS/COMMON section of Intel XDK.


You just drag this from COMMON and drop it on  the page (as you enter the page you should see a broad orange border around the active area). By default the Strabburg.jpg gets entered as the image as shown.


With the following properties that you can use:


The html code for this inserted image is:


The scale-image style specifies a width of 200px of unspecified height

If we modify the properties as shown:


The HTML gets modified as shown:


The W3C recommendation for the image is the following (

Quoted from the above source:

"In some cases an…

Document Object Model and Intel XDK

DOM stands for Document Object Model. It is what the User Agent (for example a browser) produces in memory when it encounters an HTML Document .
An HTML document is really a text file with mark ups (using tags). Here is an example:
<html> <head> <title>About Me</title> </head> <body> <h1>My origins</h1> </body> </html>
This is a tree of elements and some text.
The element looks like this:
<element></element> In the html document above, the elements are: <html></html><br /><head></head><br /><title></title><br /><body></body> The <html></html> elements contains the rest of the elements.The <head></head> element has the <title></title> element The <title></title>just contains a stringThe <body></body> can contain many more elements.The above tree is how it would be seen by the browser to c…

Using imges in creating content for smart phones

I had a pdf document which I converted to a html document and tried to view it in the browser of a smart phone and really the images did not quite fit in. I decided to use ideas of responsive design to make the images appear in the smart phones to display correctly.

Creating web pages with embedded images poses the problem of how the images would appear when the browser is resized, or if the web page is accessed in a device with smaller format. These days smart phone cameras can capture photos with very high resolutions. If you embed as is in web pages then you will not be able to display the images on a browser with a smaller size. The answer to this is to use the responsive image tags.
Here is an example: Create a HTML page as shown embedding this image.

Diamondhead.jpg (5344x3008, 3.6 MB)

Although you see this image as small. It is really large and would occupy the full width and height of a lap top with 1600x900.

<!DOCTYPE html> <html> <head> </head&…

Launch icons and splash screens for iOS using Intel XDK

Developing apps for Smart Phones requires creating a large number of images necessary for the icons and the splash screens of the app. The device foot prints now range from the smallest to the largest, not to mention the iPads, both mini and maxi. Add to this the operating systems, and you need really a large number of the images.

I am planning to create an app, a simple one for starters and I found out that just for iPhone with iOS oprating system you need this many images for icons and splash screens that address all the present devices:

Launch Icons

Settings icon  29x29px (png)
Settings icon 2x 58x58px
Settings icon 3x 87x87px
iPhone App  60x60px
iPhone 2x  120x120px
iPhone 3x  180x180x
iPad App  76x76px
iPad App 2x  152x152px
Spotlight icon  40x40px
Spotlight icon 2x 80x80px
iPhone App   57x57px
iPhone App 2x  114x114px
Spotlight icon  50x50px
Spotlight icon2x 100x100px

Splash Screens

In this post I am just looking at icons fo…

Microsoft Lumia 650 has great features

It is the Volkswagen (before its recent problems) of the SmartPhones. It has great features looking at its specs which I have reproduced here from Microsoft Site.I have a Lumia 950 myself, a great phone.  My wife has a iPhone 6S both are comparable phones and we often exhange notes. Sure, iPhone 6S has a nice color and you can download apps and apps. Live tiles in Windows Phones is a great feauture and as is Cortana.

It is economical and can be even used in enterprise scenario as security is throughly addressed:

Mobile VPN,
Secure identities,
Remote lock and wipe,
Mobile device management,
Data protection under PIN lock,
Remote security policy enforcement,
Hardware accelerated device encryption
Supported security standards: SSL v3.0, TLS v1.0, TLS v1.1, TLS v1.2, Suite B ciphers
Wi-Fi security modes: WEP, WPA, EAP-AKA, EAP-SIM, EAP-TLS, WPA-Personal, PEAP-MSCHAPv2, WPA2-Personal, WPA-Enterprise, WPA2 (AES/TKIP), WPA2-Enterprise, EAP-TTLS/MSCHAPv2
If you are looking to buy a smart phon…