Skip to content

Lab Assignment 7

saismaran33 edited this page Dec 28, 2017 · 2 revisions

Ionic Application with Cordova Plugin

TASK: Extend your application created in Lab tutorial 6 with the following: -> Use at least one cordova plugin related to your project -> Use Yslow to analyse the performance of all your html's -> Deploy your application to your android device

Login Page

This is the login page of my application where users can enter their credentials and press "Sign In" button for logging into the application. They may also go to register page by clicking on "Register" button.

Register Page

This is the register page where users need to enter their username and password to register. After the completion of registration the user will be redirected to the login page.

Home Page

This is the home page of the application which consists of input fields "Destination" and "URL" and two buttons. Here I have used Google Directions Service for finding the directions of given location. Here I have also used Google Geolocation API to know the present location of the user. So, the source is our location.

Working of Maps API

IN-App-Browser Cordova Plugin

The user needs to enter his required URL in the text box and press "Open Webpage" button. Then the browser will be opened and it will display the given URL content.

Working of plugin

Deployment in Android

Login Page

Register Page

Main Page

Maps API Working

Cordova Plugin Working

YSlow

Performance analysis of the HTML pages of our application can be known here