Lab Assignment 3

Class ID: 7

OAuth Login & Registration

We created a regular login page. The user can enter the username and password details in the provided fields to login. If the user doesn’t have an account, then instead of registering, he/she can login using ‘Gmail’ credentials.

We used OAuth standard of Gmail for authorization.

Client Side Mash Up

In the Home page, we enabled client side mashup by combining two web services – Google Knowledge Graph Search API and Google Custom Search API.

Google Custom Search API: Google Custom Search enables you to create a search engine for your website, your blog, or a collection of websites. You can configure your engine to search both web pages and images.

The custom search tab in our home page combines the results of google, yahoo, bing, ask websites.

The results page shows the web results as well as image results of the provided query.

Google Knowledge Graph Search API: The Knowledge Graph Search Widget is a JavaScript module that helps you add topics to input boxes on your site. Users start typing text and the widget finds relevant matches as they type, using the Knowledge Graph Search API.

Wireframes

Login Page Wireframe

Home Page Wireframe