Klick-Mart

Buy Smart

• Klick-Mart is a simple yet powerful Firefox add-on.

• Kick-Mart aides consumers in retrieving a lot of real time info on commodities .

•Klick-Mart also places your search on the map.

•Klick-Mart is aimed at consumers intending to compare and understand different products .

A majority of consumers shop online for various reasons :

• Non Availability

• Ease of Purchase

• Choice

• To Save Time

• Better Deals

Our Design Strategy :

After a lot of research on Indian Markets and Online Shopping we built up our strategy list :

• We wanted the customer to get the best information on a product . So we included a lot of popular websites that usually give a lot of valuable reviews on the products.

• The rise of social networking sites have fuelled “ discovery of products “ . Everybody loves to hear what the people have to say . So the next best thing would be twitter search integration .

• Though maps are not very advanced in India , we wanted to integrate it because it could throw back a few key results .

The Toolbar Review :

Search Field

Site List

Search On Map

Find Tweets

Book Site List

Electronics SearchButton

Apparels Search Button

•Type in a text in the search field and select which site you want to search .

• Type in a text in the search field and press enter , it will return a google search .

• Enter a text and click on the twitter button to generate a live feed of all the people tweeting on the subject .

• Enter a text and click on the map icon to show the location of various vendors on the map.

This has been optimized to search in and around Mangalore .

• If you are searching for a book Enter the book name and click on any one of the icons .

• We have included sites with the most comprehensive listing of books .

• Modified URL’s to get best results .

• Click on any of the sites listed for in site search .

•It directly loads the URL without taking in the search text .

• Listed Bookmark .

Under The Hood :

We have used

• XUL

•JavaScript

•CSS

• Coded on Notepad++

•Refference : MDN

A Simple Algorithm To Go With :

Structure

Scripting

Styling

Packaging:

• Klick-Mart.xpiinstall.rdfchrome.manifestchrome

customerpurchase.jarskin

customerpurchase.cssimage files

content customerpurchase.xulcustomerpurchase.js

XUL

• Defines the structure

• Defines the Attribute

JS

• Takes in a search text and modifies .

• Pumps out a URL

CSS

• Beautifies all the buttons .

• Image reference is provided .

For Example :

• The XUL file builds a structure for the search box and gives it an id .

• The JavaScript picks up the string and passes it on to a URL.•In case if the the string has a space in between then it manipulates in such a way as to insert %20 between them .

•The URL for each site is manipulated in such a way as to suit the various web URL used .

<toolbaritem id="custpur-SearchTerms-TBItem" persist="width">

<menulist id="custpur-SearchTerms" editable="true" flex="1"

minwidth="100" width="250"

onkeypress="objcustomerpurchase.KeyHandler(event);">

</menulist>

XML code for the search box .

KEEP IT SIMPLE

Multi functional confusing toolbars would ward away 80% of the users as most of us using Firefox are not techies . Keeping it simple will keep it coming