1377181110x - Coffee Stop Guide

miststizzaMobile - Wireless

Dec 10, 2013 (3 years and 6 months ago)

90 views
















Contact Us:


Panacea Infotech Pvt. Ltd.

T5 to T8, Supermall Complex,

Salunkhe Vihar Road,
Wanaworie,

Pune


411040Ⱐ䥮T楡i

呥氺l⬹1 203 291″760

䕭慩a:
楮景䁰慮慣敡e敫⹣om








About Us:

Panacea Infotech Pvt. Ltd. has professional &
expertise team of technocrats delivering their
best to satisfy client by providing quality work
with effective communication support since 9
years in IT sector.

We are ex
pertise in various domains and
delivers best to client by utilizing our
knowledge and vast experience.



Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

2


Functionality document of
coffee stop guide

website

www.coffeestopguide.com


Created by: Mr.
Amol Gadge

Ap
proved by:

Mr. Pankaj Barde


Creation Date:
06
/
07
/2013

Version:
1
.1



Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

3

Table of contents


1
. Abstract……..
......
.....
.......................................................................................................................
........................ Page 5

2
. Home page…..
.....
.
.....
....
...................................................................................................................
....................... Page 8

3
. Sign up
/Register.
...........
...
............
.....................................................................................................
.................
....... Page 9

4
. Log in
…………..
...................
..........
..............................................................................
.............................
........................ Page 9

5
. Forgot password
…..
………..............................................................................................................
.
....................... Page 9

6
. User dashboard
(Account)

…...............................................................................................................
......
.................. Page 10

7
. Search engine
…….
………........................................................................................
..........................
.
....................... Page 13

8
. Café detail page…….
………..................................................................................................................
........................ Page 13

9
.

Product detail page.
..……
……….....................................................................................................
.
....................... Page 17

10
.

Admin Panel………..
..............................................................................................
.....................
.......................
..........Page 18

11
.
App
lication
………………………………………………………………………………………………………………………………
………………
……………..Page 19


Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

4

Technology used

PHP 5.2x, MySQL 5.2x , Javascript/jQuery, Ajax
.

Browser Compatibilty

Google Chrome 8
onwards , Internet Explorer 8 onwards, Mozilla Firefox and Opera 9 and above.


Support

30

days of support from the date the site is configured on server which will help you to resolve any issue related to website
functionality as per agreed specification
of project.































Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

5

1.

Abstract
-

The concept of p
roject is to develop website
where the user can s
earch for particular café
by city, by map,

by bean
roast

or through

the featured list (
cafés with most reviews
, and recently added

reviews

by users
),

user
can view
the café
detai
ls (rate & review
)
, can see café

on map

also
, can add/purchase coffee relat
ed accessories from website
. User can add
café
s, their
details
a
nd cafés will be enlisted on website once approved by admin.






1.

Type of use
r
-

1.

Visitor
-

a.

Can v
iew the static content of the website.

b.

Can search the cafés by keywords (café/shop name)

c.

Can search by map by entering area(state) and area details (zip code, suburb names, streets)

d.

Can search coffee beans by strength, by type, by origin

e.

Can
add

coffee related accessories

(coffee beans, machines, grinders, etc.)

to

cart


f.

Can
manage cart

g.

Can shop by category also

h.

Can see most reviewed cafés

i.

Can view reviews

j.

Can rate, review, the café

k.

Can
email café details to his

friend

l.

Can report the caf
é

m.

Can view the cafés city wise (area wise)

n.

Can filter the search results alphanumerically

o.

Can purchase coffee goods directly from website using PayPal or credit cards




2.

Registered user
-

a.

Can view the static content of the website.

b.

Can search the cafés by
keywords (café/shop name)

c.

Can search by map by entering area(state) and area details (zip code, suburb names, streets)

d.

Can search coffee beans by strength, by type, by origin

e.

Can add coffee related accessories (coffee beans, machines, grinders, etc.)

to
ca
rt

f.

Can manage cart

g.

Can shop by category also

h.

Can see most reviewed cafés

i.

Can view reviews, comments

j.

Can rate, review, the café

k.

Can email café details to user’s friend

l.

Can report the café
(in case it is fake one)

m.

Can comment on café
’s page

n.

Can add café on

website

o.

Can view the cafés city wise (area wise)

p.

Can filter the search results alphanumerically
(search filter)

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

6

q.

Can purchase coffee goods directly from website using PayPal or credit cards

r.

Can set

the only profile photo
,
name & city details of submitted ca
fé.

s.

Can add products to My wish list

t.

Can store billing, shipping

addresses

u.

Can apply the coupons received for claiming discount while shopping

v.

Can view
the order history of his own


2.

Important points
-

a.

Geo
-
location

(Google map)
.

b.

Wish list
.


3.

How it works
-

a.

User search for cafés by map (area), by roast, by categories, can read reviews, comments, etc.

b.

Can use

Google map to see

nearest
café
s as per location entered by user

c.

Can search the coffee/tea related accessories, products

d.

And

purchase them by adding it

to c
art

e.

By
purchasing

the products through credit/debit cards or PayPal account
.
















Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

7











































USER

Can see the
café with most
reviews
,

read l
atest café reviews


User search café by map (city,
area, suburb, zip code)


Can read tips and
instructions
about coffee


User can

follow the map to
locate
the cafe


Activities performed by user
related to Café guide page

Can search the café area wise


Can add new café,

view newly
added,
café with most reviews
,

latest reviews by
users


Vi
ew the

reviews on selected
café & review them



Add the products to the
cart and shop with
PayPal/credit cards

Can s
earch by cof
fee
strength, origin, roaster,
type

Can search coffee
products with the
categories and ‘what
o瑨敲W⁢牯u
ght’

䅣瑩癩瑩敳ep敲eorm敤⁢y⁵獥爠
牥污瑥搠瑯 獨潰⁰慧e†

Add photo, details of the user’s
捡曩

䍡C 捡瑥 瑨攠W慦F⁦楬瑥 瑨攠
獥慲捨⁷s瑨⁡汰h慮ume物捡汬y

䍡C⁤
睮wo慤⁁ p⁦o爠摩晦f
mob楬攠体O☠
捡c

fo汬o眠on
獯捩慬 m敤ea⁷敢獩瑥s
⡆慣敢(o欬⁔睩瑴敲)

䅤T⁳ 汥捴e
T⁰牯Tuc瑳W
瑯 My⁷楳i楳W

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

8

2.

Home Page
-

The home page will look like this
-

1.

The Header
-

a.

Contact info

b.

About us

c.

Contact us

d.

FAQ’s

e.

Welcome note to
user

f.

Logo

g.

Cart (no. of items in cart)$Total cost of all item in cart

h.

My Account

i.

My wish list

j.

Login

and
Sign Up

k.

Menu bar (showing menu items such as Home, Café guide, Search, Shop, Coffee info. & tips)

l.

Image slider


2.

The Middle section
-

a.

Image with locate and

review cafés in your country with cities names

link.

b.

Featured coffee products(e.g.
-
coffee grinders, packs of chocolates, etc. under 3 different categories i.e.
Clearance sale, Recommended products, Latest products)

c.

Search box (with ‘café, shop’ written inside it) and search button

d.

Search café by Map’s tab

e.

Search coffee beans by roast’s tab

f.

List of top 10

latest r
eview by user

g.

List of
top 10 café’s with most reviews

h.

Sidebar

on right

showing various categories for

shopping of coffee products

(
coffee beans, coffee machines,
coffee grinders, accessories, tea accessories, coffee courses, etc.
)

i.

‘What others brought’ product
list
(recently sold items
-
LAST 5) No any specific condition

j.

Newly opened cafés list


3.

The Footer
-

a.

Menu bar(showing Site map, Terms & conditions, Orders and returns, Contact us
, About us, Customer service)

b.

About café guide
-

description with read more link

c.

Something About Us(About Us, Privacy Policy, Terms & Conditions, Meet Our Best Partners, Our Other
Projects,
One Click To Join Us, Blog
)

all are CMS pages

d.

Contact information(phone/fax no’s, mail ids, Skype ids)

e.

Social media website icons to foll
ow(Facebook, Twitter
)

**Note
-

For
header &
footer reference sites
-

www.coffeestopguide.com

& for middle section
-

www.whereismycoffee.com



Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

9

3.

Sign up
-

Registration activity can happen through Facebook or by entering following information by the
first name, last name,
user
-
Email id, user name, password,
clicking on submit

butt
on will take you to My Dashboard
.




4.

Log in
-

a.

Through your registered User name
/
email id

& password.
(email verification need to provide)


Note
-

Provide
Login b
y Facebook


5.

Forgot Password
-

Send your password to your registered email id
.



Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

10

6.

User Dashboard(
My
Account)
-

The user accou
nt will have following options
-

a.

My
Account
-

1.

Profile
photo

2.

Account information
-


1.

Contact information shows name, mail id of user.

2.

Address information shows the billing and shipping address of the user.

User can edit both the options and can manage the information.


b.

My orders
-

User can check his orders
history

(list with detailed page)


c.

My wishlist
-

In My wishlist, user can perform following activities
-

1.

User can add the products to shopping cart from My wishlist.

When the
products get

added to the shopping
cart, user can purchase them through credit/debit cards or through PayPal payment gateway.

2.

User can edit the wishlist
, i.e. user can remove the products from the wishlist, can share the wishlist with his
friends (send them emails), o
r user can continue shopping

(can add more products to My cart).


d.

Mailing list
-

User can receive the featured products offers, discount offers from coffeestopguide.com website, depending on the
notification preferences set by the user.

In offers user will
get a coupon

(mentioning discount amount (10
-
20)

% whatever on mentioned product in the
coupon.)


**Note
-
Admin will send the coupon code manually through newsletter and discount
can be set

in percentage.

Feature from
www.whereismycoffee.com


e.

Account Setting
-

1.

Change password

2.

User can set notification preferences about receiving newsletter for special discount offers.

3.

User can also check/uncheck whether he wants to receive
the mails from the website to his registered
email.










Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

11

f.

My submitted café
-

In my submitted café, the user will get the list of the cafés he has added on website.

Admin/User both are able to add a café, creating café will look like this
-

Add cafe form
-


Categories in Change category list
-

Café, Chain & Franchise, Chocolate café, Hotel Lounge, Restaurant and roaster.

If admin has added the café then it’s ok.

Since, user adds this café, then it needs to be approved from Admin side, then and then only café is going to list on website
.


g.

Log out
-

Log out will terminate the user session.



Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

12


USER

My Account

View recent account activities

Edit account information

Edit contact information

Edit Billing & Shipping addresses

Edit profile picture

My orders

Order history

Mailing list

Mails/offers from the website with
coupons

My wishlist

Add products to cart

purchase the product

Using PayPal

Using credit/debit
cards

Edit wishlist

Continue shopping

Remove the products

Share products

Send to email
addresses

My submitted cafe

List of cafe

add a cafe

Account setting

Set notification preferences about
email, change password

Log out

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

13

7.

Search Engine
-


1.

Search café, shop
-




Searching any café/shop
, coffee related accessories
(keyword) will take you to the search page, showing the various
filters(such as any words, all words, exact phrase) or user can order the results by the various

criterions(such as Newest
first, oldest first, most popular, alpha
betical and by section/category of searched keyword)


2.

S
earch the cafe by map
-

In this, the user will have to select the city/area from dropdown list1 and has to enter the nearby landmark (area
identity such as street name/address, suburb name/address and p
ostcode)


User should be able to filter the café search results by all categories, Café, Chain & Franchise, Chocolate café, Hotel
Lounge, Restaurant and roaster.


**Note
-
For Café guide page, for reference check
www.whereismycoffee.com













Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

14

The search results must look like this
-




**Note
-
We will provide Google map functionality that admin will list cafe using Google map, while front end user can see
cafe's in their area on map (via registered zip
code/Location). Or if you have better ideas need feedback.

**Note
-
Rating will be star rating






Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

15

3.

Search coffee beans by roast
-

User can search the best of the best coffee beans using search coffee beans by roast. It
search the coffee beans through
strengt
h (light, medium, medium/dark, dark, darkest), origin (areas from where the coffee is originated such as
Africa/Arabica, Asia/ Pacific, etc.), type (various types of coffee beans such as organic, decaf, flavored, etc.) and
retrieving them through all selec
ted/ any selected(randomly).




User can filter his search by using the
C
ategories Sidebar
, categories are

(award winning, coffee beans, all brands,
coffee machines, coffee grinders, coffee accessories, all brands
-
Equipment’s
,
Teas & accessories,
Grounded Pleasures
Drinking chocolates
)


Populate Strength with
-
Light, Medium, Medium
-
Dark, Dark, Darkest items.

Populate origin with
-

Multi region/Blend, Arabica/Africa, Asia/Pacific, Latin America, etc.

Populate Type with
-

Decaf,
Fair trade, Flavored,
Organic, Rainforest Alliance
, etc.

Last one
-

All selected and any selected.














Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

16

8.

Café detail page
-

Café
detail page will look like following page





Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

17

9.

Product Detail page
-

The product detail page will show product image, with description, price
and quantity user wants with adds

to cart button.

User may be able to add product to his
wishlist.





Include the original price along with discount price, and shipping costs
details on this product detail page.


Whenever the cursor
rolls over the View Shipping, it must show
Shipping Rates in New Zealand
.


Reference site
-

www.whereismycoffe.com

complete functionality
clone
.



**
Note
-
Only Admin can add produc
ts

and only one shipping method will be followed.


Add to wishlist

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

18

10.

Administrator

Panel
-

a.

User management

In this section, admin can manage (add/edit/delete) users on website.

b.

Review Management

Admin can manage review (add/edit/delete) posted by user
on café, coffee related
products
.


c.

Email template

management

Admin can change various templates available in website for ex.


email registration, forgot password, etc.


d.

C
afé management

Admin can manage (add/delete/update) cafes.
Whenever user adds any café on website, it will
be reviewed by the
admin, if it looks fake, admin can have the ability not to list that café on website
….approve///

e.

CMS Page management

Admin can change the CMS page of ‘About us’, ‘Help’, ‘
Terms & conditions
’, etc.

f.

Category management

Admin can manage (
add/edit/delete
) entries in the category list
s
.


g.

Product
management

Admin can manage

(add/edit/delete)
products to be viewed for shopping on website
.

h.

Coupon management

Admin can manage coupon code, with discount in percentage

i.

Newsletter management

Admin
can create & send newsletter manually

j.

Order management

Admin can manage orders

k.

Payment management

Admin can manage payments













Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

19

11.

App
lication

Develop application in
iOS, Android & Blackberry
using phone gap.

www.coffeestopguide.com

‘s App

Features of App
-

1.

Online database to include physical address and GPS coordinates of café’s

2.

User registration, login and authentication process

3.

Show closest café to users current G
PS location

4.

Search facility along with filters for café or franchise name, nearest cafe, best rated cafe

5.

Google Maps integration so users get directions to listed database café’s

6.

Rating / review system, also facility for users to leave a comment

7.

Users
need to be able to add café’s that are not already in the database

8.

Café owners (once authorized via the website) need to be able to add/amend café details such as opening hours,
specials and upload a café logo or picture

9.

Social network integration so the s
ocial network users can also rate and see reviews of café’s(Facebook & Twitter)

Important points
-



Amend
App filters so that it sorts & displays all café’s starting with closest (to the users geographical position)
to furthest away



Show map and

to a selecte
d café



Provide facility for App users to add new café’s and authorized café owners to add/change a café’s details



Complete social network integration so that social network users can also add/comment on/review café’s
(
Facebook & Twitter)



Load completed App

to iTunes Store and Google Play Store










Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

20

Key icons in app (at bottom)
-



1.

Home
-




2.

My Café
-

My café will include the list of the cafes user has submitted (like My submitted cafes in website) along
with Add new café button
-
which intern will take user Add new café form.


3.

Shop
-

shop icon will redirect the user to the shop page, it will contain vario
us categories like

a.

Search coffee product

i.

Search box with search button.

b.

Shop coffee products contains categories like

i.

Search
-
n
-
shop coffee beans tab
-

clicking this will take the user to the search coffee by roast
(similar to website)

ii.

Coffee grinders tab
-

clicking this will show the list of coffee grinders on website

iii.

Coffee machines tab
-

clicking this will show the list of coffee machines on website

iv.

Other tab
-

shows list of other products

**Note
-

Clicking on any product shown, after clicking the above categ
ory will take the user to products detail
page where the options of add to w
ishlist/cart, purchase and share on Facebook are shown
.


Home

My cafe

Shop

My Cart

Profile

Home page will contain 2 sections

a. The search box for searching café

b. Categories like Nearest Café and Most Rated

Café

c. Café list (primarily shows default list),

Clicking on Nearest café will show cafes near to user’s GPS
location.

Clicking on Most rated café will show cafes with highest
average rating.

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

21

4.

My cart
-

a.

Show the list of products added in the cart(with options such as Remove product/ continue to
checkout)

b.

Can add ite
ms to my wishlist



**Note
-
My cart for your reference.


5.

Profile
-

Edit profile(edit profile info same as website,
change/upload profile photo
)








Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

22

How the App will work

1.

Opening App will
take user to login screen

User can use his Facebook credentials id,

password.



2.

Signing in user
will find following window
-

with search bar for searching the café by keywords
, below
those

two tabs showing

a.

Search box for searching the café, coffee related products

b.

T
he Nearest c
afe

and
t
he

Most Rated with list of
those ca
fes

near to the user’s physical location

based on user’s city/zip code.


When user clicks on any of the search
results, it will redirect the user to the café
details page.



Home Page after sign in

Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

23

3.

Also user can read reviews, rate the café accordingly

on the café detail page, can view descriptive details
of café. Sample snippet of how the café detail page will look like
-


Café detail page will contain
-

Name,
logo (image of cafe),
address, reviews by users, average rating, website if available, contact
details
,
timings, category

along
with show on map button
, Rate and Review, Email a friend, Share
(Share on your
Facebook wall), Get direction and View Reviews

links.

**Note
-
Rating will be star rating



4.

Whenever user clicks on Nearest café category

See Map





The user will be able to view all nearest cafes like this.

But if the user needs the direction to the café then,

1.

Either he can click café’s pinpoint on map



else he can get the directions from café detail
page
(using Get direction similar to Google
map)




Café locator with coffee
’s

product
shopping
website


Panacea Infotech Pvt. Ltd

24


5.

User can perform the shopping activities similar to the website.


Browse products

Select product

Add to cart

Purchase product

PayPal login


6.


PayPal login
-