Lab 4

Member 1 Name: Nukala Lakshmi Naga Sai Sandeep

Class id: 23

Member 2 Name: Sireesha Pandala

Class id: 24

Wiki link: https://github.com/SireeshaPandala/ASE/wiki/Lab-4

ICP team ID: 6-2

Summary of this Assignment:

1.Create an ionic application having login and registration pages, The application has a login page for the existing user and the registration page for new users

2.The Page should be Mashup of at least Two Web Services, these are to be present in the homepage

3.Creating three use cases related to the application

4.Use at least one Cordova plugin

5.Used YSlow to analyze the performance of all our pages

6.Deployed the application to android device/ ionic Lab

Login and Register

1. First we need to Create an Ionic Application with empty template using Node JS terminal
2. Next Go to the path where the application is present.
3. Then Create a login and registration page with email and password as the inputs
4. Now Create a project in google Firebase and authenticate it with the login and registration page created in ionic
5. User can register with the email and password that will be stored in the google firebase cloud
6. After registering, the user can login with the email and password created and that will move to the Home Screen We used two web services in this application.They are Uclassify, Watson Api. Watson Api This webservice2 is used to get the details of the picture which we has uploaded. User can upload any picture either from phone or computer. Once the image is uploaded we can see the image on the screen. Once the request is made the api returns the elements that are there in the image. Under the image we can see the elements that are there in that image.

Uclassify This web service is used to tell the postivity and negativity of the text that is requested to the api User can enter his text either from his mobile or computer. After the text is entered when we press the search button we will be displayed with positivity and negativity of the content. The text can be of small size or of a long length.

Cordova Plugin

From the home page we can move to the next page ,when we click the OCR plugin which is present to the right side of the screen. This plugin helps in taking the picture when the computer is connected to andriod phone or an emulator. we will be having a button to take the photo and an alert will be coming after taking the picture.

Karma and Jasmine

We written three unit test cases for the login page using karma, jasmine framework Move to the Ionic project and go to the node_modules folder Install the karma and jasmine modules using npm. Create karma.conf JS file using npm Next add the files of JS,ionic,ngcordova, javascript controllers and test cases into the karma config file After that we need to create three test cases in angular js file We have created test cases for username and password to check if the username is empty, password is empty and both username , password is empty *At last the test cases are executed through the karma.conf.js file and results are executed in the console

Yslow

We have installed the Yslow from the google and started the application. From the Yslow testing we can get the following details. 1.Results 2.Grades 3.Statistics.