Start – Stop Magic in WinJS.Application Object

Introduction:
Start and Stop methods of WinJS.Application object explaining their functionality as by the names suggested.

Initial expectation:
These methods are responsible for the starting and stopping of the application, since we usually see them added to the default templates.

My experiment :
default.html file Content


  <body>
    <span id="deSpan" style="font-size:70px;"></span>
</body>

Continue reading

Disable scrollview bounce effect with Titanium

Introduction :
When we scroll down and scroll up, at top end and bottom end respectively, we can see bounce effect at those positions. Titanium provides property to the scrollview, using which we can resctrict that effect.

Summary :
With the above video I have described the way to block the bounce effect on scrollview in an app built with titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Conversion of speech to text in Android devices using PhoneGap

Introduction:
Speech to text conversion is the mechanism to translate the spoken words into text. It is also known as automatic speech recognition. Whereas Android provides the native functionality to recognize the speech and convert the same to text. We just need to invoke the native module to fulfill our task.

Description:
While working with voice to text conversion in Android using PhoneGap I came across SpeechRecognizer plugin.It is very easy to integrate in PhoneGap application and also helps us to recognize the speech and convert the same to text in json array. So bellow are the steps to integrate this plugin with Android using PhoneGap. Continue reading

WinJS.Promise – My Experiment to create some delay using loop

Intoduction:
WinJS.Promise is a class, which supports the asynchronous programming model. Upon the execution, program control executes the promise class and proceeds to the subsequent statement to execute. But it keeps track of the execution point to which control needs to get back after the promised function finished its execution.
A question was banging my head, whether I can create my own delay to the promise object and invoke Then/Done.

Description:
I tried 2 kind of exercises. But in both the exercise I had the HTML page common.

Exercise #1
Used the below code to create a delay by executing a long loop in an external method and returning a promise object from it. So that on completion, I can call Then method to do some task. Continue reading

Page navigation in windows store app

Introduction:
Navigation to different pages is an important part of any application. In Windows Store App it is handled by the Frame class.

Description:
A Windows Store app consist of a Parent frame and pages inside it. This frame provides a method named Navigate() that handles all the navigation between the pages. Navigate method takes the type of Page to navigate as parameters, additionally we can also specify the data to pass to the next page. The Navigate method triggers an event named OnNavigatedFrom inside the page when navigating away from the page and OnNavigatedTo in the page to which we are navigating. The data passed during navigation is caught in the NavigationEventArgs object of the Events above.
The parameter passed from the Previous page is stored in the Parameter property of the NavigationEventArgs that is received while navigating. Continue reading

Interaction between webview and Titanium API

Introduction :
I have faced this as a very common requirement, where we need to display any html content to any specific portion of our app and we need to make a bridge which can talk with platform APIs.
So here again webview content can also make communication with Titanium native API’s. Here I have demonstrated a way to call native API functionality from webview contents.

Summary :
With above video, I have described the way to bind Titanium API’s with HTML events, which can talk to each other.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Displaying message dialog in Metro apps

Introduction:
Popup messages play a vital role for an application. Confirmation boxes, Alert messages and displaying specific sets information are done in Windows store app through a message dialog that pops up on the screen covering the entire width of the screen. These message box design are by default provided by Microsoft.

Description:
Message Dialog blocks the user interaction with other objects on the screen and dims the Screen background. So it should be used accordingly. Continue reading

Get page tile that loaded on webview in Titanium

Introduction :
Sometime we need to know the page title of the currently loaded page in webview.
Using Titanium evalJS() method we can get the specific DOM element of the page loaded in webview. Using the same we can get the page title too.

Summary :
Above screen cast demonstrates the way to get page title i.e. currently loaded on the webview using Alloy in Titanium

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Load event of webview in Titanium

Introduction :
Load is an event associated with the webview in Titanium which gets called once the page gets loaded on the webview controller.

Summary :
Using Load event we can trigger any function or event which will be fired once the page gets fully loaded.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

3D effects in Windows Store App

Introduction :
3D effects can be applied to Windows Store apps using Transforms. Rotation of an object is possible along all the Three axis : X, Y and Z. Object appears to be Rotated by the respective angle supplied to it through the transfor.

Description :
In this example, we will take a look into PlaneProjection, it’s rotation angle and Center of rotation. All three play a crucial role in 3D designs in XAML.
PlaneProjection exposes to various properties that can be used to give a 3D effect. In which the RotationAngle helps us to decide the angle by which the object is to be rotated.
CenterOfRotation property decides the point about which the object is to be rotated.
We will see the rotation by an angle and the change of CenterOfRotation, how it differs from the default Point about which it is rotated. Continue reading