Aura Watches - Aptech Computer Education

E-Project
Aura Watches
Group Members:
Hammad Uddin Student: 654086
Tooba Sami Khan Student: 654136
Hassan Ahmad Student: 658805
Khizzar Khan Student: 654096
Submitted To:
eprojects@aptech.ac.in
Project Instructor:
Sir Arsalan Naseer

PROJECT CERTIFICATION
This is to certify that,
Mr. / Miss.
Khizzar Khan Student: 654096
Hassan Ahmad Student: 658805
Hammad Uddin Student: 654086
Tooba Sami Student: 654136
Has successfully Designed & Developed
Aura Watches
Submitted by:
Khizar khan
Hassan Ahmad
Hammad Uddin
Tooba Sami
Date of Issue:
14th march 2013
Authorized Signature: Sir Arsalan Naseer

ACKNOWLEDGEMENT:
Praise is to Almighty Allah who taught us that we knew not. All thanks to our
Omnipotent Lord, for providing us with opportunity and ability to commence, explore
and eventually complete the report of the project.
We take this special occasion to thanks our parents. We dedicate this work to
our parents. It would have been simply impossible to start, continue and
complete without the support of our parents who, unconditionally provided the
resources to us.
We are extremely indebted to our beloved sir Mr. Arsalan Naseer, for his
precious time, valuable ideas and above all an untiring helping hand. Sir, thank you
so much.
We are also thankful to our Faculty Member for their valuable and moral support.
Thank You.

TABLE OF CONTENTS
CERTIFICATION……………………………………………………………………….
ACKNOWLEDGEMENT………………………………………………………………..
TABLE OF CONTENTS…………………………………………………………………
PROBLEM STATEMENT…………………………………………….…………….…..
INTRODUCTION………………………………………………………………………..
PROJECT DURATION………………………………………………………………….
TASK SHEET……………………………………………………………………………..
SITE MAP…………………………………….…………………………………………..
SUBMITION CHECKLIST…………………..………………………………………..
USER GUIDE……………………………………..……………………………………..
SCREEN SHOT……………………………………………………………………….…
SOURCE CODE………………………………………………….……………………...

PROBLEM STATEMENT
CUSTOMER REQUIREMENT SPECIFICATION (C.R.S):
Aura watches is into business of manufacturing and selling watches. They have been advertising about their
clocks and watches through newspapers, pamphlets, television. Now with changing times, they have decided
to go online as customers today use Internet extensively. They have planned for a website with complete
details about their watches and clocks.
Requirement Specification:
The Web site is to be created based on the following requirements.
1) The Home Page should have suitable logo, and decent color combination.
2) The site should display a menu which will contain the options as Products, Technology, Store Locator,
Support etc.
3) Various sites and pages having information about different types of watches and clocks, Technology
used in the watches etc.
4) The information should be categorized according to different Product Line-up e.g. “SPORTS”,
“PREMIER” etc.
5) When a user selects any product line-up, complete list of watches for that product line-up will be
displayed.
6) Details of the watches should be displayed on the Web Page along with the title and it should be
stored in Individual Word documents which can be downloaded or viewed by the User who wishes to
see the same.
7) Price List for all watches should be available for download.
8) There should be a “Contact Us” page which will have the Address of the Stores selling watches and
the mail address which when clicked will invoke the local mail client from where they can send an
email.
•
Hardware/ Software Requirements
Hardware
• A minimum computer system that will help you access all the tools in the courses is a Pentium 166 or
better
• 64 Megabytes of RAM or better
Software
• Notepad/HTML editor
• Dreamweaver
• IE 5.0/ Netscape 6.0
SCOPE OF THE WORK:
The Features should be stored in Individual Word documents which can be downloaded or Web site is to be
created based on the following requirements.

PROJECT DURATION:
• Analysis-18 Hrs.
• Design – 10Hrs.
• Development –26Hrs
• Testing – 5Hrs
• Documentation -11hrs
Analysis
Design Development Testing Documentation
20 21 22 23 24 25 26 27 28 29 1 2 3 4 5 6 7 8 9 10 11 12
Each phase has completed as shown by the lines.
The team would meet after every 6 working days and evaluate their progress. Detailed progress
plan to be drawn to access progress of the project.
As it can be noticed that there are overlapping of process this is kept because certain process can
go hand in hand with other processes.

TASK SHEET
Sr.
Task
Actual
Start Date
Actual
Days
Team Mate
Name
Status
1. Case Study
2. Graphics Designing
3.
Site Interface
Designing
Aura
watches
4. Text Searching Google
14-march -
2013
21-march-
2013
25-march-
2012
28-march-
2012
7
3
3
3
Tooba Sami
Hammad
Uddin
Hassan Ahmad
Tooba Sami
khan
Khizzar
Hammad uddin
hassan ahmad &
Tooba sami
khan
Tooba sami
khan khizzar
khan
Completed
Completed
Completed
Completed
5. Image Searching Google
30-march-
2012
2
Khizzar khan
Hassan ahmad
Completed
6.
Site
Testing/Publishing
-
2-april-
2012
2
Khizzar khan
Hammad uddin
Completed
7. Documentation
3-april-
2012
1
Tooba sami
Hammad uddin
Completed

SUBMISSION CHECKLIST
S.NO LIST OF ITEMS YES NO COMMENTS
1.
Do All Pages Linked
together
Yes
2. All Hyperlinks working Yes
3.
Page Colors As Per
Common Guidelines
Yes
4. Site Browser Compatible Yes Google Chrome
5. Image Slicing Yes
Using ADOBE
PHOTOSHOP
6. Feedback Form Included Yes
7. Project Zip File Yes
Created using
WinrAR

User Guide:
Disclaimer:
Not all these design features are appropriate in all cases. There are always exceptions, and
there are lots of bad examples of these features being used wrongly, over-used, or done
without sensitivity to the “symphony” of a site’s design.
You can’t just take all these elements, throw them together and make a good web page,
any more than you can take some eggs, sugar, flour and throw them together and get a
cake.
Making a web page that works requires a lot of sensitivity to the various forces at work. A
good design solution is one that balances those (often opposing) forces.
Introduction:
I’m going to take you through the features of the current wave of excellent web site
designs, dissect the most significant features, explain why each one can be good, and
show you how to use them in your own sites.
If I had to sum up “Web 2.0″ design in one word, it would have to be “simplicity”, so that’s
where we’ll start.
I’m a great believer in simplicity. I think it’s the way forward for web design.
Today’s simple, bold, elegant page designs deliver more with less:
• They enable designers to shoot straight for the site’s goals, by guiding the site
visitor’s eye through the use of fewer, well-chosen visual elements.
• They use fewer words but say more, and carefully selected imagery to create the
desired feel.
• They reject the idea that we can’t guess what people want from our sites
• Decency :
“Use as few features as are necessary to achieve what you need to achieve”

As a person who makes a living writing for the web, I would like to share
some tips for those who are planning to build websites, especially if you
intend to earn a living from it. Basically, a good website is one that thrills
the human visitors and satisfies the search engines. Let's drill down
further on what that means, and how you can satisfy the needs.
I really believe in decency. That’s not to say that all web sites should be minimal, but that
we should use as few features as are necessary to achieve what you need to achieve. I’ve
written elsewhere about Occam’s razor, which is a principle I use all the time. One way of
interpreting it is: Given any two possible solutions to a problem, the simpler one is better.
Here are some examples. Note how unnecessary elements have been stripped out from
each. There could be a lot more on each page than there is… but would that make them
stronger?
The result is that you have to look at the content. You find yourself interacting with exactly
the screen features the designer intended. And you don’t mind – it’s easy, and you get just
what you came for.
Why decency is necessary:
• Web sites have goals and all web pages have purposes.
• Users’ attention is a finite resource.
• It’s the designer’s job to help users to find what they want (or to notice what the site
wants them to notice)
• Stuff on the screen attracts the eye. The more stuff there is, the more different
things there are to notice, and the less likely a user is to notice the important stuff.
• So we need to enable certain communication, and we also need to minimize noise.
That means we need to find a solution that does its stuff with as little as possible. That’s
economy, or simplicity.
The state or quality of being decent; propriety
When & how to make your designs simple?
When?
Always!
How?
There are two important aspects to achieving success with simplicity:
1. Remove unnecessary components, without sacrificing effectiveness.
• Try out alternative solutions that achieve the same result more simply.

“It seems that perfection is reached not when there is nothing left to add, but
when there is nothing left to take away.” Antoine de Saint-Equerry, Terre des
homes, 1939
Whenever you’re designing, take it as a discipline consciously to remove all unnecessary
visual elements.
Concentrate particularly on areas of the layout that are less relevant to the purpose of a
page, because visual activity in these areas will distract attention from the key content and
navigation.
Use visual detail – whether lines, words, shapes, color – to communicate the relevant
information, not just to decorate.
See how much “stuff” there is to look at, and notice how few of the pixels are used to
clarify actual navigation, actual content, or actual interactive features.
Edward Tuft is the boss when it comes to the design of information. He uses the terms
“data ink” (i.e. detail that enables information transfer) and “non-data ink” (i.e. detail
that’s just detail) to describe this phenomenon.
One way Tuft specifically measures the effectiveness of information design (graphs, charts,
presentations etc.) is using the ratio of data-ink to non-data-ink. The higher the proportion
of data-ink used, the more likely it is that a design is effective.
Taking the Yaxay detail above, there’s a lot of what I call “busyness”, i.e. a lot of edges,
tonal changes, color variations, shapes, lines… a lot of stuff to look at. But, in this detail,
the only useful features are:
a. The site logo, and
b. the label on the navigation button (which reads “art gallery”)

Thrilling Human Visitors
Why do people browse the Internet? The main reasons include to look for
information and to look for some form of recreation. A good website gives
visitors what they are looking for. Not only that, in this highly competitive
world, it provides the visitors with the best information on the given topic, to
be found anywhere on the web. If you intend to garner a lion share of the
web traffic for a specific subject, it is not sufficient simply to throw pages onto
the Internet. You also have to ensure that your information is better written,
easier to read, more detailed, clearer, than what is already available. For
every topic that you intend to write about, there is likely to already be a
website or two on the same subject. To get your foot through that door, your
website just has to be better. Otherwise nobody For the reason stated above,
it may be easier to tackle topics that are specific rather than general. That is
because most of the general topics have already been covered but other
people long ago, and their websites have now established themselves on the
web. If you really must write a general topic (or niche), you must be
prepared to challenge the existing sites and be better than them. This will be
a steep hill to climb. Your website may well end up having a general topic

supported by many subtopics which each could have been a website within its
own right. Do you have the time, passion and patience to cover such a broad
topic? I mention patience because it may take you longer to corner a general
topic when otherwise you could have set yourself as the authoritative site on
a smaller topic

Home Page

3) Simple Navigation
Permanent navigation – your global site navigation that appears on every page as part of
the page template – needs to be clearly identifiable as navigation, and should be easy to
interpret, target and select.
Why simple navigation is better?
Users need to be able to identify navigation, which tells them much important information:
• Where they are (in the scheme of things)
• Where else they can go from here
• And what options they have for doing stuff
Following the principle of simplicity, and general reduction of noise, the best ways to clarify
navigation are:
• Positioning permanent navigation links apart from content
• Differentiating navigation using color, tone and shape
• Making navigation items large and bold
• Using clear text to make the purpose of each link unambiguous
Below are some screenshots of our project:

CONTACT US

Product Categories

Product Categories in to four Product
Analog digital Watches

Premier Watches

Women Watches

Sports Watches

Time
allows people to perceive motion. Furthermore, people perceive it differently. One might
feel that his perception of time and its manifestation is within a timely context and its
justification, regardless if near or far. On the other hand, another person might perceive
time as a hand on a clock that moves along minute by minute, validating each change
as a sequence of time.
It is utmost important to understand that the concept of time is not easy to explain and
not easy to comprehend; even among each other. Especially complicated it will get if
one introduces the concept of an afterlife and the probability of time existing in those
spheres of existence. The question arises, if time does not exist in an afterlife: How can
communication take place between the two spheres?
Hoping to better demonstrate the events that take place, I would like to introduce a
model to shed some light on this important aspect of exploring the afterlife.
First of all, it is important to distinguish between the existence of a physical -
mathematical term of time and the existence of a consciousness term of time within
each human being.
All of us are aware of the phrases: "Well that took a long time!", "That went fast!",
"How much longer will that take?" and so forth. No conflict arises with the physical term
of time, since we do have scales to monitor time, as we know it, with explicit accuracy.
But, does time exist without the existence of a human being, who interprets what time
is - with his human consciousness? Simply put, does time exist without someone
reading the clock?

The one-after-the-other-correspondence of things.
The succession of happenings, to be experienced as an irreversible sequence of
events, a longitude of change, incidents in nature and history.
to be viewed, depending on scientific (philosophical) views, as finite or infinite,
homogenous, divisible continuum, which under specific points of view and
appropriations act as a scheme of order
Those individuals, who plan beforehand, seldom fail. They are able to start their work on
time and are able to complete it in time. Having worked out every minute of the allotted
time, they do not hurry. Planning and proper implementation of that always brings in
success. Those who plan their living and activities seldom face heartaches, mental tensions
and worries. A careful glance into the life history of successful men and women all over the
world will reveal the basic truth that success is the outcome of planned utilization of time.
“You may delay, but time will not.”
A watch is a timepiece, typically worn either on the wrist or attached on a chain and
carried in a pocket. Wristwatches are the most common type of watch used today.
Watches evolved in the 17th century from spring powered clocks, which appeared in the
15th century. The first watches were strictly mechanical. As technology progressed, the
mechanisms used to measure time have, in some cases, been replaced by use of or
electronic pulses. The first digital electronic watch was developed in 1970.
Before wristwatches became popular in the 1920s, most watches were pocket watches,
which often had covers and were carried in a pocket and attached to a watch chain or
watch fob. In the early 1900s, the wristwatch, originally called a Wristlet, was reserved for
women and considered more of a passing fad than a serious timepiece. Men, who carried
pocket watches, were quoted as saying they would "sooner wear a skirt as wear a

wristwatch". This changed in World War I, when soldiers on the battlefield found pocket
watches to be impractical and attached their watches to their wrist by a cupped leather
strap. It is also believed that Girard-Perregaux equipped the German Imperial Navy with
wristwatches in a similar fashion as early as the 1880s, to be used while synchronizing
naval attacks.
Satisfying the Search Engine
Search Engines are created to help humans find information. Although they are not
humans, they have to understand what humans want and try to dish out results that
humans expect. Even as you create webpage’s, different search engines such as Google,
Yahoo and MSN are all competing among themselves to find you, if you have the best
information. But rather than waiting for them to find you, it is good to help them along.
Of all the aforementioned search engines, I only pay attention to Google. To me, Google is
the big gorilla of the search engine kingdom. If you satisfy the gorilla, the other monkeys
don't matter. To satisfy Google, your pages must be up to Google's expectation. Every
page you write must be of a specific topic which can be drilled down to a keyword or a

group of keywords. In general, single-word keywords are very challenging to corner. The
competition to rank highly for single-word keywords is so intense that it is not worth your
while. Also, most humans search with more than one keywords, as their previous search
result have shown to them that search with one keyword does not yield very accurate
results. So, your page needs to have keywords comprising two or three words, for
example "Spanish lace", "windshield wipers", and so on.