LAB7

LAB ASSIGNMENT 7

• Modified LAB5 Assignment to support Cordova plugins.
• UI was carefully developed harvesting a Dark theme to provide clear visibility to users.

SplashScreen:

Application Loading screen.

Cordova Plugins:

Used three Cordova plugins

• SplashScreen
• InAppBrowser
• Vibration

Code that shows Cordova plugin functions in AngularJS

app.js

Login:

Referred some samples in Internet and designed using Brackets.

An alert box appears when the user enters wrong credentials.

Used YSlow to analyze the performance of Login page

Grade and Statistics

Register:

Register page created as per the guidelines in LAB5

Used YSlow to analyze the performance of Register page

Grade and Statistics

Home:

Used two API's

• uClassify (Knowledge services)
• Google Translate API

Used Vibration(Cordova) plugin

• When the "Analyze" or "Convert" button is clicked, the mobile will vibrate for 70ms. To check if the Vibration feature is working a "Sample Vibrate" button is included which will vibrate the mobile for 1000ms.

Used InAppBrowser(Cordova) plugin

• When the "Find meaning" button is clicked, a browser will open within the application, redirects to the http://www.dictionary.com/ which shows the meaning/definition of the text given by the User.

When the "Convert" button is clicked a drop down list box which has a list of Languages appears.

When the "Find meaning" button is clicked a browser appears which shows the meaning of the text from http://www.dictionary.com/

Used YSlow to analyze the performance of Home page

Grade and Statistics