Online Car Sale

8/3/2019 Online Car Sale

http://slidepdf.com/reader/full/online-car-sale 1/80

Online Car Sale System

April 2009

Word count: 11,405

A dissertation submitted in partial fulfilment of the University of Greenwich

Business Information Technology

http://cms-stu-iis.gre.ac.uk/ai547/Car/



14/04/2009

The University of Greenwich

2

ABSTRACT

Online shopping is getting popular all around the world. It has benefits to consumers such as

saves time and spends less energy than real shopping. This popularity also opens new job

opportunities in this industry. Almost every business sector (fashion, automotive,

communication, etc...) gets benefits from this online shopping environment.

This report presents a project that aims to create web database system for online car sales. It will

be a website, with database connection, which displays new and second hand cars for sale and

will be good opportunity to people who wants to change their cars or buy a new car. There will

be good quality and different brands of cars in the website so customers will be satisfied from

this website and it will be the leader website in online car sale industry.

ACKNOWLEDGEMENT

I would like to thank people who help me during making this project. Here are the people I want

to thank:

My Supervisor XXXXXXXXX: Thank you for supervising me. You gave me many useful

feedbacks from the beginning until the end. Your suggestions were also helped me on makingright decisions in the project. Thank you

My Parents: Thank you for giving me this opportunity of study in Greenwich and thank you for

believing me because that brings me more confidence

My Friends: Thank you for spending time and talked with me when I was stressed. You all gave

me motivation and I am really appreciated to your helps.



3

TABLE OF CONTENTS

Abstract .................................................................................................................... 2 Acknowledgement ................................................................................................... 2 Table of Contents..................................................................................................... 3 Chapter 1 - Introduction ......................................................................................... 6

1.1 Background ...........................................................................................................................6 1.2 Scope of the Project ..............................................................................................................6 1.3 Aims......................................................................................................................................7 1.4 Objectives .............................................................................................................................7 1.5 Project Management Methodology ......................................................................................8

Chapter 2 - Literature Review ............................................................................... 9 2.1 Introduction ..........................................................................................................................9 2.2 Technology and Tools for the Web Development ................................................................9

2.2.1 Microsoft Access .................................................................................................................. 9 2.2.2 Visual Studio 2008 .............................................................................................................. 10

2.3 Internet affects on Automotive Industry ............................................................................. 11 2.3.1 How many people use internet in UK? ............................................................................... 12

2.4 Dynamic Database driven websites .................................................................................... 13 2.4.1 Publish data on the web ...................................................................................................... 13 2.4.2 What are Web Database Systems? ...................................................................................... 13

2.5 HCI Principles .................................................................................................................... 14 2.5.1 Layout ................................................................................................................................. 15 2.5.2 Content ................................................................................................................................ 15 2.5.3 Navigation ........................................................................................................................... 15

2.6 Conclusion .......................................................................................................................... 16 Chapter 3 - Research on existing Car Sale websites .......................................... 17

3.1 Introduction ........................................................................................................................ 17 3.2 Auto Trader www.autotrader.co.uk .................................................................................... 17 3.3 Buy Your Car www.buyyourcar.co.uk ............................................................................... 19 3.4 Auto Web www.autoweb.co.uk .......................................................................................... 21 3.5 Motoring www.motoring.co.uk .......................................................................................... 22




4

3.6 Conclusion .......................................................................................................................... 23 Chapter 4 - Requirements Analysis Stage .......................................................... 24

4.1 Introduction ........................................................................................................................ 24 4.2 Target Users ........................................................................................................................ 24 4.3 Functional Requirements .................................................................................................... 24 4.4 Non-Functional Requirements ............................................................................................ 25 4.5 Classes of Users .................................................................................................................. 25 4.6 Business Scenario ............................................................................................................... 25 4.7 Use Case Diagram .............................................................................................................. 27

4.7.1 New Car System Use Case Description .............................................................................. 27 4.7.2

Used Car System Use Case Description ............................................................................. 27

4.8 Class Diagram ..................................................................................................................... 28 4.9 Summary ............................................................................................................................. 28

Chapter 5 - Design Stage ...................................................................................... 29 5.1 Introduction ........................................................................................................................ 29 5.2 Layout ................................................................................................................................. 29 5.3 Content ................................................................................................................................ 30 5.4 Navigation .......................................................................................................................... 34 5.5 Summary ............................................................................................................................. 36

Chapter 6 - Implementation Stage ....................................................................... 37 6.1 Introduction ........................................................................................................................ 37 6.2 Database .............................................................................................................................. 37 6.3 Master Page ........................................................................................................................ 41 6.4 Membership: Login or Register .......................................................................................... 43 6.5 New Car and Retailer Adresses .......................................................................................... 43 6.6 Sell Your Car ...................................................................................................................... 45 6.7 Search Used Car ................................................................................................................. 49 6.8 Send Request ...................................................................................................................... 51

Chapter 7 - Integration and Testing Stage ......................................................... 53 7.1 Introduction ........................................................................................................................ 53 7.2 Website Test ....................................................................................................................... 53 7.3 Accessibility Test ............................................................................................................... 54 7.4 Validation Test ................................................................................................................... 56




5

7.5 Summary ............................................................................................................................. 58 Chapter 8 - Maintenance Stage ............................................................................ 59 Chapter 9 - Conclusion ......................................................................................... 59

8.1 Introduction ........................................................................................................................ 59 8.2 Overall Summary ................................................................................................................ 59 8.3 Critical Review ................................................................................................................... 60 8.4 Future Development ........................................................................................................... 60 8.5 Conclusion .......................................................................................................................... 61

References .............................................................................................................. 62 Web sites:................................................................................................................................... 62 Dissertations: ............................................................................................................................. 63 Codes and Database Tables: ...................................................................................................... 63

Appendix List ......................................................................................................... 64 Appendix A- Project schedule ................................................................................................... 64 Appendix B – New cars ............................................................................................................. 65 Appendix C - Use Case: Second Hand Cars .............................................................................. 66 Appendix D – Class Diagram .................................................................................................... 67 Appendix E – Prototyping ......................................................................................................... 68 Appendix F – Project Proposal ................................................................................................... 73




6

CHAPTER 1 - INTRODUCTION 1.1 Background

Nowadays, a considerable percentage of different business sectors are make satisfying sales

through the internet because of it is perfect platform to present all range of products and internet

is easy way of shopping for customers. Online business is cheaper to build than real business and

companies make more profit in the internet, this is reason internet shopping becomes popular in

the world. According to this, this project is about new website, created for making online car

sales. Customers will be able to open this site and choose different types of cars. There will be

different brands of new cars and also second hand cars.

This project will take five months to complete. The existing car sale websites searched and

analyzed to get clue on designing a suitable website for consumers. Microsoft office Access

2007 and Visual studio 2008 software will be used to create a website. The language called C#

used in the coding part of the website.

All details of the website and its functions take place in the report on the following sections.

1.2 Scope of the Project

Project is about online car sale system. It is going to be a website which gives a service to

customers to find a suitable car from internet to buy. Website aims to contain all business

functions like customer records, car records and other customer services. Car business is one of

the major industries in the world. They are taking important place in our life and Internet is a

good opportunity to find the most suitable car to you because you can compare cars, check

prices, specifications and can find all for sale second hand cars around place where you live from

the internet. If you saved a fixed budget to buy a car, internet helps you to choose the right car

without exceeding your budget. There are lots of websites created for selling cars and the most

popular is “Auto Trader .co.uk ” in the UK. It presents very good service to customers and in

other way, it is very easy to use because of having a simple design. Auto Trader.co.uk is used to

get an answer to what people want to see in online car sale website?




7

1.3 Aims

Main aim is to produce the most serviceable and profitable website a car sale company.

Here is the information about the website:

There will be new cars and second hand cars selections in the website. When customer opens the

page, he/she can choose any brand of new cars or collection of different types of cars as a second

hand then they will see the photos of cars with details and will choose the one they want to buy.

When you choose any brand from the new car page, it transfers you to “Select location page”

then you can search for the nearest dealer of the brand. There is different process for second hand

car. There will be a registration form to create a customer account. Your customer account will

let you to display second hand cars and contact to sellers so you will need to register if you wantto buy second hand car. Navigation and Security parts of the websites are another important

issue. When we look at the most popular websites, they all have got simple design and very clear

navigation. These features actually make them popular. Existing popular online car sale websites

analyzed in the research section of the report and this research helped to see and understand

their design, navigation, security and other else functions taking place in online car sale websites.

1.4 Objectives

This section describes the objectives that achieved in the project.

First objective is the understanding environment of web database systems and they explained in

the literature review section. Another research has made on understanding online business

industry especially on car sector. After all these researches, plan of the website have been made

and implementation of the project started.

Easy accessibility

Good simple design

Clear navigation

Well coded with all working business functions

These points as you see above are the achieved objectives of the website.

There are business functions built in to the website such as Customer records, product records

and etc...




8

1.5 Project Management Methodology

Every single project needs to have a methodology to follow. Waterfall development

methodology is used in this project.

“The Waterfall model is a software development model first proposed in 1970 by W. W. Royce,

in which development proceeds linearly through the phases of requirements analysis, design,

implementation, testing (validation), integration and maintenance”.

This project contains technology elements. Therefore, it will likely have some changes due to

technology improvement in every year. There will be new technologies on website creation, new

design techniques and etc. According to this, Waterfall model is the most suitable methodology

in this kind of projects, it used especially in such as these flexible projects. Waterfall model is

useful for the short term projects and you must fully understand the problem and requirements to

draw this diagram.

Figure 1.1

As you see the direction of arrows, you are able to go one back stage and make changes. If any

problem appears in any stage, you can go back to that stage and fix it. This is the characteristic of

waterfall model. As long as you go back, you can come up with better decision. This is the main

reason of choosing waterfall model because it is suitable for future changes.




9

CHAPTER 2 - LITERATURE R EVIEW

2.1 Introduction

The aim of the literature review is to understand the impact of technology on my project.

Also this section explains benefits of using web database systems and will give answers to

questions such as why people choose this system and what tools needed to create them. Design

guidelines and standards are used and so described in this section.

2.2 Technology and Tools for the Web Development

Here are the tools used to create the project:

2.2.1 Microsoft Access

Definition:

“Access is a database software provided by Microsoft and is the bestselling database in

the world because it comes bundled in Microsoft Office? Products. Access is noted for its

friendly user interface and ease of use. It is great for working on small to medium size

applications.”

http://www.proace.com/definitions.aspx

Benefits of Microsoft Access:

Microsoft access is the most popular database program. It is part of Microsoft office and this is

one the reasons to be popular. You can create individual databases and also it is useful for

professional developers to create bigger and sophisticated databases. It has powerful query

designer part which lets people to create complicated queries without having to learn SQL. You

do not have to use or know many coding in Access. When we compare with other database program like oracle, you can more easily and achieve to solutions in a shorter time with

Microsoft office Access.







10

2.2.2 Visual Studio 2008

Definition:

“Visual Studio 2008 provides a powerful tool-set for building software for Windows, the Web,mobile devices, and the Microsoft Office system. Regardless of the specific target platform,

Visual Studio enhances developer productivity by providing tools that help them write code

faster and streamline other development-related tasks.”

Benefits of Visual Studio:

It has several benefits such as write codes faster than other softwares, it has auto-completion and

an auto-colorization feature which means it completes code for you so decrease your mistake

probability and give different colours to each function in your website. It has high range of tool

options which support users to write less code. Visual Studio supports the world’s most popular

languages such as Visual Basic, Visual C#, C++ and JavaScript which makes it more useful than

other softwares.

2.2.2.1 ASP.NET

Definition:

“ ASP.NET stands for Active Server Pages .NET and is developed by Microsoft. ASP.NET is used

to create web pages and web technologies and is an integral part of Microsoft's .NET framework

vision. As a member of the .NET framework, ASP.NET is a very valuable tool for programmers

and developers as it allows them to build dynamic, rich web sites and web applications using

compiled languages like VB and C#.”

Language: C#

Definition:

“C# (pronounced "C sharp") is a simple, modern, object -oriented, and type-safe programming

language. It will immediately be familiar to C and C++ programmers. C# combines the high

productivity of Rapid Application Development (RAD) languages and the raw power of C++.”




11

Benefits of ASP.NET:

ASP.Net is part of the .NET Framework. Large applications can be built with less code when

you use ASP.NET and this makes it easy to create pages because the source code and HTML are

together in ASP.NET and easy to maintain. It has the most important role in the project becausewebsite is created in ASP.NET.

2.3 Internet affects on Automotive Industry

“ A year ago, an estimated 25% of all consumers said they used the Internet as part of the

purchase process for a new vehicle. (J.D. Power, 1999”)

This sentence has been taken from article which is written 10 years ago and now, according to

this thought, percentage is much higher. Internet technology has been growing fast and its

popularity also getting higher therefore internet has had a huge impact on automotive industry as

like other industries. People have many opportunities on choosing car in internet. Almost every

car manufacturer companies have their official websites. In the websites, they show all their

range of car models with their information such as prices and specifications safety test results

and consumer-based quality rankings. Internet is the easiest and cheapest way to achieve all

these information. Furthermore, one of the useful services in these automotive websites is car

configuration option so consumers can become designers of their car. Internet is a platform

which makes you feel free for people in many ways. Consumers are able to place any extra

options to have a better car. Procedure is so simple. After configuration, you can display the

price of the final version of car and save it for dealer. This is much simple for dealer as well

instead of real process because consumer has already set his or her order before arrived to store

then can ship a car with configured specifications. This process is still in use and according to

growing automotive technology, number of extra options is getting higher. Sometimes people

see options which never saw before and order them. Internet is the best place to present your new

range of products and latest models to consumers also the cheapest way. As mentioned above,

%25 of consumers use internet before buying a new car and this percentage is higher at the

moment so finally, it seems that consumers want to search and get information about the car

which they want to buy.




12

2.3.1 How many people use internet in UK?

Research has been made on finding out how many people use internet in UK and as a result,

National statistics.gov.uk shows that 65% of households have internet access in UK. As you see

below, this is an increasing diagram so it is prove to internet is used by many number of people.

According to diagram, in 2009, this percentage will be higher.

Figure 2.3.1

(http://www.statistics.gov.uk/CCI/nugget.asp?ID=8&Pos=&ColRank=1&Rank=374 )

http://www.statistics.gov.uk/CCI/nugget.asp?ID=8&Pos=&ColRank=1&Rank=374







13

2.4 Dynamic Database driven websites

2.4.1 Publish data on the web

There are 2 types of web pages: Static and dynamic web pages. Static, always looks the sameand the content never changes unless you change yourself. Dynamic web pages do the opposite.

They change every time they are loaded. The most common types of dynamic web page are

database driven type which is used in the project. There is a database file connected with the web

page. Microsoft office access is used to create the database and data is publishing via web page

with that connection.

2.4.2 What are Web Database Systems?

Here is the definition of the web database system:

“ A web database is a database for the internet. You can get access to your data via the internet

from anywhere in the world or you can create a database driven website by using such

databases. A web database stores large amount of information in an organized format that is

easily accessible from scripting languages (like PHP).”

Benefits of Web Database Systems:

There are many advantages of web database systems. This type of system allows people to

upload new information, change or update records and send queries through the web. Also, it is

easy manageable, updateable type of system for web site developers. This easy accessible system

is well known system all around the world. Workflow of the system is presented below in the

figure and as you see in the figure, it has short and easy process.




14

Work flow of the system:

Figure 2.4.2(http://www.creative-wisdom.com/teaching/network/database/database_server.html )

2.5 HCI Principles

World Wide Web Consortium (W3C) and Jakob Nielsen guidelines used in this project.

Year 1994, Tim Bernes-Lee, the inventor of the web, founded W3C organization in the

Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS).

W3C is an organization which develops web design guidelines and standards. It has taking a

major role in creating more useable web designs in the world.

Jakob Nielsen is a web usability expert and he also published guidelines about web designs.

In the following sections, you will see the guidelines published by the W3C and Jakob Nielsen.

In Fact, They have similar guidelines and focus on same points so this is reason, both of them

used to achieve better web design.

http://www.creative-wisdom.com/teaching/network/database/database_server.html







15

2.5.1 Layout

Both guidelines suggest that keep layout as clear as you can because it is important to users to

understand the website. Users should easily get familiar with the interface of the website.According to this, users can find information that they looking for in shorter time. Guidelines

also recommend to not use frames and tables because it makes the website harder in use so

present information in page clearly and easy readable. Other significant factor which both

guidelines recommend is the keep value amount of files in the page as low as possible because

everybody does not have higher internet connections so this is important for accessibility of the

website. As an example avoid using big and high megabytes of images in your page designs.

2.5.2 Content

Guidelines suggest keeping them as short word. People do not usually prefer to read much in

website when we compare with hard copies. They also do not like to see jargon words in

websites because these words make it less usable and unattractive. Choosing right words act an

important part for users to get familiar with website.

2.5.3 Navigation

The navigation is the main part of usability of the website. It has to be kept clear and simple.

Navigation is the way to transfer users from page to page and according to this, users can explore

the website with using navigation. Breadcrumbs Navigation is a navigation technique used to

keep users to know their current location in the website. This is very useful technique, it

categorized into horizontal type and vertical type. %45 of pages in World Wide Web included

breadcrumb navigation technique.




16

2.6 Conclusion

As a summary of literature review section, all softwares, language and frameworks which used

in the project have introduced and their roles have explained. Then research has been made on

internet affects on car industry and found answers to what changed when automotive industry

joined to the online environment?

There are design guidelines and standards which takes an important part in the project. They are

information which has to be used from web site developers to create good quality websites.

These guidelines are mainly support users because they increase website’s usability and

accessibility levels.




17

CHAPTER 3 - R ESEARCH ON EXISTING CAR SALE WEBSITES

3.1 Introduction

This section has been made to understand the environment of online car sale industry. 4 popular

car sale websites has been searched and analysed. Their functions, designs, usability explained in

this section and latest decisions take place at the end as a conclusion.

3.2 Auto Trader www.autotrader.co.uk

Usability

When you search “buy car” in Google.co.uk, you can see “Auto Trader.co.uk” is the first link

that appears because it is the one of the most popular car sale website. Fir st look of the “Auto

Trader” looks complicated to handle but actually it has very clear design and easy to use.

Especially navigation part makes it more useful for customers. It also seems like “Auto Trader”

is not only for buying a car because there are many advertisements and information about cars.

These make “Auto Trader” more attractive. When it publishes news about car sector , it also

addicts people and make them to visit the website constantly. Anyone who wants to have

knowledge on car news, “Auto Trader” is a good choice.

http://www.autotrader.co.uk/







18

Proof of Google search:

http://www.google.co.uk/search?hl=en&client=firefox-a&channel=s&rls=org.mozilla%3Aen-

GB%3Aofficial&hs=QS8&q=buy+car&btnG=Search&meta

Navigation

Navigation is very clear and well designed. There are 2 lines exist from buttons at the top of the

page. First line is the line that you can select any types of vehicles such as car, bike, van and

truck. Second line contains functions such as buying, selling and insurance vs. there is also a

panel on the left. The panel is used for searching a suitable car. All details are added to search

panel but you must fill your postcode before choosing a brands and prices. It is a good idea to

put validation on address box. Customers are not probably wanted to search a car far from place

they live.

Security

Security is always important in internet but it is not a big issue in car sale websites because it is

your decision to giving your details such as your email, telephone numbers and addresses. When

you want to sell your car, you have to give your details for customer to contact you. Security

function takes place on registration, when you register to the Auto Trader, it sends you a

confirmation message and the password does not known from someone until you tell anyone. All

registered emails should be unique so you are not allowed to register twice with same email.

http://www.google.co.uk/search?hl=en&client=firefox-a&channel=s&rls=org.mozilla%3Aen-GB%3Aofficial&hs=QS8&q=buy+car&btnG=Search&meta








19

3.3 Buy Your Car www.buyyourcar.co.uk

Usability

As you can see from its name, “BuyYourCar” is a website to buy car. It is fully designed for

selling cars. When we look at the homepage above, there is only navigation for choosing a car

and links of many brand names. There is only Google Advertisements so Designers

of ”BuyYourCar” did not prefer to put many advertisements and news about cars. It is simply

designed for making business.

http://www.buyyourcar.co.uk/







20

Navigation

Navigation is taking place everywhere in this website. There are many buttons to push which all

goes to same page. As an example, you can push the new cars button from the top or you can

click an image called new cars. They both open the same page. Good point about this website is

the list of brand names. There are lots of brand and model names in the middle of the page. If

customer had a decision on brand, he/she does not need to look others. As an example, if you

decided to buy a second hand Volkswagen car, you can select Used VW from the list and display

all second hand Volkswagen cars. As a result, navigation has big role in the website and also it

is very useful for customers in “BuyYourCar .co.uk ”.

Security

There is a security on registration similar with “Auto Trader”. Seller’s contact details are

displayed on the website. You are able to type wrong details because there is no validation but it

does not make any sense to write wrong contact details because customer needs to contact you to

buy your car. As my opinion, security is not a necessary requirement in this website.




21

3.4 Auto Web www.autoweb.co.uk

Usability

It is quite similar to “AutoTrader”. It has a search panel, commercials, news and vs. but it is a

very useful website. “Autoweb” has given an advantage to its customers, you can advertise your

car for free which makes it more attractive. Because you put your car’s pictures, details to the

website for free and sell it without spending anything. This is a good benefit for people. Many

people may be choosing “Autoweb” from only this reason.

Navigation

It has a good simple navigation and familiar to others. There is a one different thing in this

website. It is a “Deal of the week”. It is a good idea to put deal of the week because it gives an

extra choice for customers and attract them.

Security

This website is all free so it does not need to protect customers from any threat. It has even a

very simple registration form. It records only your main details such as email, name and phone

number. There is very easy process to register.

http://www.autoweb.co.uk/







22

3.5 Motoring www.motoring.co.uk

Usability

It has the simplest design than the others that I have introduced above. It is a good website but as

my opinion, it is not much preferred website like others. It has 2 advertise your car options. You

can advertise your car for free or if you want to sell your car quicker and if you want your car

displayed at the top position in the lists, you need to pay a small amount which is “£9.99”. It is a

good opportunity for customer.

Navigation

As you see above, there are buttons at the top and small images in the middle. They both have

same roles. It is very easy to reach any function you want to use. There are columns on the right

side of the page. They display some example new car deals and used car deals. It looks good and

attractive in the homepage.

http://www.motoring.co.uk/







23

Security

It has not a complicated registration form but they take member’s date of birth for security and

security also takes place when a member pays for advertising his/her car.

3.6 Conclusion

First thing that you can notice is the all car sale websites are similar to each other because

concept of the car sale websites are fixed so it is possible to see websites looks like each other.

Main part of the car sales website is the Navigation part. It has to be clear and easy to understand

because Navigation part contains all the functions in the website. Customers should be easily

access to pages they want. Design has to attract people. A homepage of the “Auto Tr ader” might

be a good example of attractive pages but when we compare the navigations of the websites,

“BuyYourCar.co.uk” has more useful navigation than others. Security is one of the necessary

parts in these type websites. Registration form is needed which all other car sale websites have,

to make users become a member of the website. Members will login with using their unique

usernames and passwords which this function makes website more secure.

As a conclusion, many useful ideas have seen from existing car sale websites that introduced in

the research section. These ideas will be used on the creation of the website.




24

CHAPTER 4 - R EQUIREMENTS ANALYSIS STAGE

4.1 Introduction

Requirements analysis stage is very important in these types of projects. It takes place before

design and implementation stages. Therefore, we can say it is the fundamental part of the project.

It has been split into categories and discussed in this section. These categories are Target Users,

functional requirements and non-functional requirements, Classes of users, Scenario and

diagrams. According to analyses which is below, this section presents overall picture of the

project and reader can understand what the system will be about and its functions after complete.

Also who are the target people and the roles of users described in this section.

4.2 Target Users

The project is aim to develop a website about Car sales which means anyone who is looking for

buy a new or used car can use the website. It also contains news about cars which changes

regularly so users can read them and get new information on car industry.

People who want to sell his/her cars can advertise and sell them from the website so users have

several roles such as buyer or seller.

According to these attractive services, the website will become firstly preferred online car sale

website.

4.3 Functional Requirements

Functional requirements section explains the essential parts of the system. They must have to be

there in the project otherwise the system will not work. These essential parts are:

Website has to be published correctly otherwise users can not access to website and all pagesshould be adapted to guidelines that used in the website. Master page is needed to perform fixed

design in all pages and codes must be well used to create a connection between pages and master

page. Database connection has to be done correctly because all data will be stored in the database

and data will be displayed via website, as an example, all second hand cars with seller details are

stored in the database. Users should be able to create their unique accounts. Only users can

access to all functions in the website. This function is also related to database connection

because every account is stored in database.




25

4.4 Non-Functional Requirements

This project is about online sale car. So pages contain many images as usual because they

present products to customers. Sizes of images are important issue. They have to be kept as low

size as possible to increase accessibility of the website. Everybody does not have high

connection of internet and it has to be suitable to all type of connections and Backup is another

important part in this type of projects. Backup has to be made to minimize data loss risk. On the

other hand, design needs to be attractive with satisfactory performance. Security is another non-

functional requirement. All users will have unique user names and their secret passwords. These

records kept in the database and no one is allowed to access database file. Another security

function is only members can access to seller details such as phone number, email and address.

Make users feel secure during using the website is important issue. These requirements increase

usability of the website.

4.5 Classes of Users

The web site is suitable for people who want to be:

Used Car seller

Used Car buyer

New car buyer

And web site is also available for guests. Homepage displays news about cars and it is accessible

for everyone. Consumer who is looking for a new car can also access to new car searcher page

without membership needed. Only members can sell or buy second hand cars.

4.6 Business Scenario

Scenario has written after the analysis completed. Analyse process contains questioners andresearches. Questions asked to people such as what they expect from car sale website and many

people has made an answer like car sale websites should include satisfy information about cars,

easy usable, high performance and good design. These answers have noted as an objective of

website because consumer needs are very important.

Also, there are many car sale websites in UK and research has been made on top popular car sale

websites. All details of the websites have been checked carefully. Their designs, navigations,

security functions and etc...




26

Finally, all tasks and objectives are ready. Website is going to be designed in 3 separated parts.

Here is the main 3 parts of the website:

First main part is the new car selection page. There are many car brands collected together and

displayed in one page. Logos of brands have been used which makes page look better. These

logos presents its brands and they have linked to retailer location page thereby consumer can find

the nearest dealer of selected brand. In existing car sale websites, there is same process for new

car searchers. The website transfers the users directly to dealer locator page so they do not need

to spend time for searching.

Pages of second cars have 2 parts. First part is designed for customers to search suitable second

hand car and second part is created to people who wants to sell their car. Actual business actions

depend on these 2 parts because 1 person advertises his or her car from the website and another

person buys it. This is the way how business runs in the website. Additionally, this online

business system is accessible from people all around the world but actually the business runs in

United Kingdom.

There is also extra optional service for users which is request page. People can send the

specifications of car which they are looking for. Then, they receive answer when the requested

car has found.

Overall, the website will be designed based consumer needs and all the tasks match with their

needs because the first aim of the project is giving satisfying and successful service to customers.




27

4.7 Use Case Diagram

4.7.1 New Car System Use Case Description

See Appendix B

The process for new cars is the simplest function in the website. There is only 1 actor in this use

case which is Customer. Use Case starts with accessing new car page. Then there are logo

images of brands. When customer clicks on one of logos, Locate selection page comes up. There

are list of locations in UK such as London, Birmingham, Manchester and etc... Finally customers

can display dealers which locate in the selected place. If any user could not find the car which

they looking for, There is a request page which is available for everyone. Requests are sent to

administrator’s inbox. Then users receive answers about their requests when the requested cars

have found.

4.7.2 Used Car System Use Case Description

See Appendix C

There are 2 actors in this use case: Customers and Administrator.

Customers must create account to access second hand car page. After creating account, they are

able to login. Once customer login with his/her unique username, he/she are able to add new

record to car database and advertise his/her car from the website. Or customers are able to access

to second hand cars which on sale after logged in. There are many brand and model of cars in the

website. Customers choose one of these cars and then see seller details. With these details,

customer can contact to seller and finally buys the car. Second actor administrator controls

records in the database. He/she can login and add new car same as other members and also

administrator can remove sold car records from the database.




28

4.8 Class Diagram

See Appendix D

There are 11 Classes performing in the system. Each class has different roles and act in different

places in the system. If you look at appendix D, there is a division between classes. Because 7

separate classes are about only for memberships.

Extra Note:

These classes for memberships have taken from Year 2 COMP 1315 Building IT Applications

Course.

Other 4 Classes (CarBrand, Car, City and Retailer) are about Cars and these 4 classes are actingas key points of website.

4.9 Summary

Requirements chapter gave overall information about needs in the project. These requirements

forming foundation of the project and the following chapters will discuss how these requirements

achieved and used in the system.




29

CHAPTER 5 - DESIGN STAGE

5.1 Introduction

Design stage represents the actual design of the website. Screenshots from the website used in

this stage and clear explanations has been made. Also, guidelines which discussed in the

literature review are mentioned again in this stage to prove that they used.

5.2 Layout

The layout of the pages is kept clear and simple. Users can easily adapt to pages and easily find

information which they looking for. As you see below, there are not much colours are used.

These colours are black white grey and blue. Orange colour is used in title and navigations which

makes it better looking. The pages divided into 3 main areas:

Top part, left middle part and right middle part.

Top part: It contains the main title of the page and there is breadcrumb navigation on the left

side. It always keeps users to know their current location in the website.

Left middle part: it exists from the buttons which contains all the functions of the website.

Right middle part: Left middle part and right middle part are connected with each other because

right part displays the functions which selected from left middle part. Right middle part is the

part where all information, images, forms and search engines are displayed. Figure 5.2 at below

shows the actual layout of the website.




30

Figure 5.2 (Home page)

5.3 Content

Figure 5.3.1

Users must have an account to access second hand cars. This Figure 5.3.1 has taken from the

website. As you see, the system asks and saves basic information of customers such as user

name, email and security question. It has a short create account process and also there is no any

complicated question.




31

Figure 5.3.2

This is the homepage of the website. Titles and texts kept short and clear as you see in the image.

There are no any long paragraphs, even news about cars have short attractive texts like car of the

year 2009 and mostly images used because people preferred to see images instead of reading.




32

Figure 5.3.3

Second hand car page has search engine which contains brand names and years. When you have

done your selection, the suitable cars are appearing with image and price. There are also few

details about cars but if you click on image, new page will open and full details about selected

car are shown in that page.




33

Figure 5.3.4

As described under figure 5.3.3, detail page shows full details of cars and sellers. There is a

larger image of the selected are on the Left side of the page and all information takes place on

the right side. Customer can contact to seller from telephone or email. There is also price of car

and some basic specifications of car such as engine and colour.




34

Figure 5.5.5

Members are allowed to advertise and sale their cars. Figure 5.5.5 shows how to advertise. Basic

information about car and seller needed. This information is kept in database tables and members

can view their car in the search page after submitting the form above Figure 5.5.5.

5.4 Navigation

Navigation is important part for websites and it forms usability and accessibility of the website.

Design of Navigation is based on W3C and Jakob Nielsen Guidelines which described in the

literature review chapter.

Figure 5.4.1

Breadcrumb Navigation has placed at the top left of the page. As it seen in figure 5.4.1, it shows

users current location and let users to go back with 1 click. This breadcrumb navigation is a one

of the useful tools from visual studio 2008. It starts from left to the right side. Last link at the

right side shows your present position in the website.




35

Figure 5.4.2

Vertical Navigation is used in a right way and performs as a key point of the website. All

functions are connected to these navigation buttons and users can display all functions from

using the navigation. There are New Car and Send Request pages which they are outside from

membership because these 2 pages open for everyone. Inside membership, there are creating

account, login, search second hand car and sell your car pages. Users must have an account

because only members can access to these pages.




36

Home Page

New Car Member

Brands

Dealer Selector

Login/ Create Account


Search Car


Search by Brand andYear

Seller Contact Details

Sell your Car Send Request Logout

Fill and Add toDatabase

Fill and Send

Figure 5.4.3

This is a hierarchic diagram of the website. It is clearly present step by step all functions in the

website from beginning to the end. It starts with homepage because it is the page which shown at

the beginning. Then the diagram split into categories, these categories represent functions in the

website.

5.5 Summary

Decisions about design of the website has been finalised and described in this section also

presented with screenshots. The following chapter which is implementation part will describe the

unseen technical part of the website.




37

CHAPTER 6 - IMPLEMENTATION STAGE

6.1 Introduction

Implementation stage is the middle and the important stage of the waterfall methodology.

This chapter will describe the technical part of the website such as coding, design codes,

database, connections and etc... These parts are unseen but the website is working with these

parts.

6.2 Database

As described in the literature review, tables are created in the Microsoft Access 2008. There are

many other ways to create tables but Access 2008 is very useful software and also friendly to

developers. You can create very complicated systems with less code than other database

softwares. Therefore, 11 tables are created. Here are the tables and their roles in the website:

Tables for Membership

aspnet_Applications

aspnet_Users

aspnet_Roles

aspnet_UsersInRoles

aspnet_PagePersonalizationperUser

aspnet_PagePersonalizationAllUsers

aspnet_Membership

These tables have taken from COMP 1315 Building IT Applications course and they are fixed,

unchangeable tables. Also their attributes do not changeable because there are relationships and

queries have done between tables with attributes. All membership records are taking place in

these tables. Another function of these tables is the separating roles such as customer and

administrator.




38

Tables for Car

Car

CarID: Every car has unique car ID number

BrandID: Every Brand has its unique ID number

Year: Represents age of car

Model: Represents model of car

SellerName: Every car has a seller and this attribute saves a name of seller

SellerContact: This attribute saves home or mobile number as a contact detail

SellerAddress: This attribute saves seller’s permanent location and address for customers.

SellerEmail: This attribute saves seller’s email and customers can contact sellers online.

Photo: Represents picture of cars.

Username: Every car is recorded by a user and this attribute saves username of person.

Addeddate: Represents the car’s added date.

Price: Represents price’s of cars

Doors: Represents door number of cars

Engine: Represents engine size of cars

Colour: Represents colour of car

CarBrand

BrandID: Every Brand has unique ID number and this attribute has a relationship with Car table

BrandName: Represents name of brand

Retailer

RetailerID: Every Retailer has unique ID numer

CityID: Every Retailer takes place in the different cities and this attribute identifies their location

BrandID: This attribute displays brand name of the retailer’s products.

RetailerName: Represents the name of Retailer

RetailerAddress: Represents the location and address of Retailer

RetailerNo: Represents telephone number of Retailer

City

CityID: Every city has unique ID number

CityName: Represents the name of cities




39

ORACLE Script of Tables:

Car:

CREATE TABLE Car (

CarID number(50) not null,

BrandID number(50),

Year number(10),

Model number(50),

SellerName varchar2(250),

SellerContact varchar2(250),

SellerAddress varchar2(250),

SellerEmail varchar2(250),

Photo varchar2(250),

Username varchar2(50),

Addeddate date,

Price number(50)

Doors varchar2(10),

Engine varchar2(50),

Colour varchar2(50),

CONSTRAINT Car_pk PRIMARY KEY (CarID)

CONSTRAINT fk_CarBrand

FOREIGN KEY (BrandID)

REFERENCES CarBrand(BrandID)

);

CarBrand:

CREATE TABLE CarBrand (

BrandID number(10) not null,

BrandName varchar2(50),

CONSTRAINT CarBrand_pk PRIMARY KEY (BrandID)

);




40

City:

CREATE TABLE City (

CityID number(10) not null,

CityName varchar2(50),

CONSTRAINT City_pk PRIMARY KEY (CityID)

);

Retailer:

CREATE TABLE Retailer (

RetailerID numeric(10) not null,

CityID number(10),

BrandID number(10),

RetailerName varchar2(250),

RetailerAddress varchar2(250),

RetailerNo varchar2(250),

CONSTRAINT Retailer_pk PRIMARY KEY (RetailerID)

CONSTRAINT fk_CarBrand

FOREIGN KEY (BrandID)

REFERENCES CarBrand(BrandID)

CONSTRAINT fk_City

FOREIGN KEY (CityID)

REFERENCES City(CityID)

);




41

Database Connection String with Website:

Figure 6.2

6.3 Master Page

Master Page is created to display one fixed design in all pages and this page contains the

following codes as you see below:

Top Part

Title

<td colspan="2"style="height:150px;background-color:#333;

vertical-align:top;">

<h1 class="style7"><span style="color: #FF9900">Online Car Sale</span></h1>

Bread crump Navigation<td colspan="2"

style="height:32px;background-color:#ddd;

vertical-align:top;">

<asp:SiteMapPath ID="SiteMapPath1" runat="server">

</asp:SiteMapPath>

</td>

<connectionStrings>

<add name="LocalAccessDatabase" connectionString="e:\databases\ai547\ASPNetDB.mdb"

providerName="AccessProfileProvider" />

</connectionStrings>




42

Left Middle Part

Login Status:<asp:LoginView ID="LoginView1" runat="server">

<AnonymousTemplate>

<h4 style="text-align: center; height: 37px; width: 161px;">Welcome<span>

Guest</span></h4>

<asp:LoginStatus CssClass="style6" ID="LoginStatus2" runat="server"/>

</AnonymousTemplate>

<LoggedInTemplate>

<h4><span>Welcome</span><asp:LoginName ID="LoginName1" runat="server" />

</h4>

<asp:LoginStatus CssClass="style6" ID="LoginStatus1" runat="server" style="color:

#FF9900" />

</LoggedInTemplate>

</asp:LoginView>

Vertical Navigation<asp:TreeView Width="200px" ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1"

ImageSet="BulletedList" ShowExpandCollapse="False">

<ParentNodeStyle Font-Bold="False" />

<HoverNodeStyle Font-Underline="True" ForeColor="Black" />

<SelectedNodeStyle Font-Underline="True" ForeColor="#FF9900"

HorizontalPadding="0px" VerticalPadding="0px" /><NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="#FF9900"

HorizontalPadding="0px" NodeSpacing="0px" VerticalPadding="0px" />

</asp:TreeView>

<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />

</td>

Vertical Navigation (Web.sitemap)<siteMapNode url="Default.aspx" title="Home" description="">

<siteMapNode url="NewCar.aspx" title="New Car" description="" />

<siteMapNode url="Member.aspx" title="Member" description="" >

<siteMapNode url="LoginorRegister.aspx" title="Login or Register" description="" />

<siteMapNode url="Member/Search.aspx" title="Search Car" description="" />

<siteMapNode url="Member/addcar.aspx" title="Sell your Car" description="" />

</siteMapNode>

<siteMapNode url="mail.aspx" title="Send Request" description="" />

</siteMapNode>

</siteMap>

Right Middle Part</td>

<td style="vertical-align:top;" >

<asp:ContentPlaceHolder ID="Column1" runat="server">

</asp:ContentPlaceHolder>

</td>




43

6.4 Membership: Login or Register

The following codes are the login and create new account scripts and these scripts can be found

in the toolbox of Visual Studio 2008.

Login Script:

<asp:Login ID="Login1" runat="server" TitleText="Enter your username and password."/>

New Account Script:<asp:CreateUserWizard ID="CreateUserWizard1" runat="server">

<WizardSteps>

<asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server"></asp:CreateUserWizardStep>

<asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server"></asp:CompleteWizardStep>

</WizardSteps>

</asp:CreateUserWizard>

6.5 New Car and Retailer Adresses

<h1 class="style7">

<b style="text-align: center">Select New Car Brands</b></h1>

<p class="style8">



<a href="retailer.aspx?BID=1" target=_blank >

<img alt="Mercedes" src="CarImages/mercedes.jpg"style="border-style: none; width: 111px; height: 111px"

/></a>              &nbsp

;


<img alt="Bmw" src="CarImages/Bmw.jpg"style="border-style: none; width: 137px; height: 103px"

/></a>

<a href="retailer.aspx?BID=3" target=_blank ><img alt="Volkswagen" src="CarImages/vw.jpg"

style="border-style: none; width: 116px; height: 116px"

/></a>


<img alt="Vauxhall" src="CarImages/vauxhall.jpg"

style="border-style: none; width: 125px; height: 133px" /></a>

</p>

<p>

</p>

<p class="style8">





44

<img alt="Toyota" src="CarImages/toyota.jpg"

style="border-style: none; width: 150px; height: 98px" /></a>




<img alt="Fiat" src="CarImages/fiat.jpg"

style="border-style: none; width: 123px; height: 124px"/></a>              &nbsp

;


<img alt="Citroen" src="CarImages/citroen.jpg"


/></a>

<a href="retailer.aspx?BID=8" target=_blank ><img alt="Mini" src="CarImages/mini.jpg"

style="border-style: none; width: 150px; height: 113px" /> </a>

</p>

<p> </p>

<p class="style8">


<img alt="Ford" src="CarImages/ford.jpg"


/></a>


<img alt="Dodge" src="CarImages/dodge.jpg"


/></a>

<a href="retailer.aspx?BID=11" target=_blank ><img alt="Chevrolet" src="CarImages/chevrolet.jpg"


/></a>


<img alt="Audi" src="CarImages/audi.jpg"style="border-style: none; width: 127px; height: 86px" /> </a>

</p>

Access Datasource for Dropdown list of Cities:

SQL has used to get information from the database.

<asp:AccessDataSource ID="AccessDataSource1" runat="server"

DataFile="~/App_Data/ASPNetDB.mdb" SelectCommand="SELECT * FROM [City]">

</asp:AccessDataSource>




45

Access Datasource for Gridview of Retailers:

Retailers are displayed when the city selected from dropdown list and the following code

executes and update the grid view of the retailers.

<asp:AccessDataSource ID="AccessDataSource2" runat="server"

DataFile="~/App_Data/ASPNetDB.mdb"SelectCommand="SELECT * FROM [Retailer] WHERE (([CityID] = ?) AND ([BrandID] = ?))">

<SelectParameters>

<asp:ControlParameter ControlID="ddlLocation" Name="CityID"

PropertyName="SelectedValue" Type="Int32" />

<asp:QueryStringParameter Name="BrandID" QueryStringField="BID" Type="Int32" />

</SelectParameters>


Grid view Script:<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"

CellPadding="4" DataKeyNames="RetailerID" DataSourceID="AccessDataSource2"

ForeColor="#333333" GridLines="None" Height="200px" Width="500px"><RowStyle BackColor="#F7F6F3" ForeColor="#333333" />

<Columns>

<asp:BoundField DataField="RetailerName" HeaderText="RetailerName"

SortExpression="RetailerName" />

<asp:BoundField DataField="RetailerAddress" HeaderText="RetailerAddress"

SortExpression="RetailerAddress" />

<asp:BoundField DataField="RetailerNo" HeaderText="RetailerNo"

SortExpression="RetailerNo" />

</Columns>

<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />

<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><EditRowStyle BackColor="#999999" />

<AlternatingRowStyle BackColor="White" ForeColor="#284775" />

</asp:GridView>

6.6 Sell Your Car

Sell your Car Layout<p runat="server" id="Message" style="color:Red">

</p>

<table>

<tr><td>

Brand ID:</td>

<td>

<asp:DropDownList ID="DDLBrandID" runat="server" DataSourceID="ADSBRandID"

DataTextField="BrandName" DataValueField="BrandID">

</asp:DropDownList><asp:AccessDataSource ID="ADSBRandID" runat="server"

DataFile="~/App_Data/ASPNetDB.mdb"

SelectCommand="SELECT [BrandID], [BrandName] FROM [CarBrand] ORDER BY

[BrandName]"></asp:AccessDataSource>

</td>

</tr>




46

<tr>

<td>

Year:

</td>

<td>

<asp:TextBox ID="txtYear" Width="70px" MaxLength="4" runat="server"/>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"ErrorMessage="Year is Required!" ControlToValidate="txtYear"

Display="Dynamic" ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td></tr>

<tr>

<td>Model:</td>

<td><asp:TextBox ID="txtModel" Width="150px" runat="server"/>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"ControlToValidate="txtModel" Display="Dynamic" ErrorMessage="Model is Required!"

ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>SellerName:</td>

<td><asp:TextBox ID="txtSellerName" Width="150px" runat="server"/>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"

ControlToValidate="txtSellerName" Display="Dynamic" ErrorMessage="Seller Name is Required!"


</td>

</tr>

<tr>

<td>Door:</td>

<td><asp:TextBox ID="txtDoors" Width="150px" runat="server"/><asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"

ControlToValidate="txtDoors" Display="Dynamic" ErrorMessage="Doors is Required!"


</td>

</tr>

<tr>

<td>Seller Contact:</td>

<td>

<asp:TextBox ID="txtSellerContact" Width="150px" runat="server"/>


ControlToValidate="txtSellerContact" Display="Dynamic" ErrorMessage="Seller Contact is

Required!"ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>Seller Address:</td>

<td>

<asp:TextBox ID="txtSellerAddress" Width="150px" runat="server"/>


ControlToValidate="txtSellerAddress" Display="Dynamic" ErrorMessage="Seller Address is

Required!"ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td>

</tr>




47

<tr>

<td>Photo:</td>

<td>

<asp:TextBox ID="txtPicture" Width="197px" runat="server" /><asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server"

ControlToValidate="txtPicture" Display="Dynamic"

ErrorMessage="Insert Image Link of Your Car!"ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>Price:</td><td><asp:TextBox ID="txtPrice" Width="150px" runat="server"/>


ControlToValidate="txtPrice" Display="Dynamic"

ErrorMessage="Price is Required!" ValidationGroup="SYC"></asp:RequiredFieldValidator></td>

</tr>

<tr>

<td>Colour:</td>

<td><asp:TextBox ID="txtColour" Width="150px" runat="server"/>


ControlToValidate="txtColour" Display="Dynamic"

ErrorMessage="Colour is Required!" ValidationGroup="SYC"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>Engine:</td>

<td><asp:TextBox ID="txtEngine" Width="150px" runat="server"/>


ControlToValidate="txtEngine" Display="Dynamic"

ErrorMessage="Engine is Required!" ValidationGroup="SYC"></asp:RequiredFieldValidator></td>

</tr>

<tr>

<td></td>

<td><asp:Button ID="btnInsert" runat="server" Text="Save"

onclick="btnInsert_Click" ValidationGroup="SYC" /></td></tr>

</table>

</asp:Content>




48

Sell Your Car Database Connection

MembershipUser mail = Membership.GetUser(this.User.Identity.Name.ToString());

AccessDataSource AddCarADS = new AccessDataSource();

AddCarADS.DataFile = "~/App_Data/ASPNetDB.mdb";

AddCarADS.InsertCommand = "INSERT INTO [Car] ([BrandID], [Year], [Model], [SellerName],

[SellerContact], [SellerAddress], [Photo], [Username], [Price],[Doors],[Colour] ,[Engine] ,[SellerEmail]) VALUES

(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";

AddCarADS.InsertParameters.Add("@BrandID", DDLBrandID.SelectedValue);AddCarADS.InsertParameters.Add("@Year", txtYear.Text);

AddCarADS.InsertParameters.Add("@Model", txtModel.Text);

AddCarADS.InsertParameters.Add("@SellerName", txtSellerName.Text);

AddCarADS.InsertParameters.Add("@SellerContact", txtSellerContact.Text);

AddCarADS.InsertParameters.Add("@SellerAddress", txtSellerAddress.Text);

AddCarADS.InsertParameters.Add("@Photo",txtPicture.Text);AddCarADS.InsertParameters.Add("@Username", this.User.Identity.Name);

AddCarADS.InsertParameters.Add("@Price", txtPrice.Text);

AddCarADS.InsertParameters.Add("@Doors", txtDoors.Text);

AddCarADS.InsertParameters.Add("@Colour", txtColour.Text);

AddCarADS.InsertParameters.Add("@Engine", txtEngine.Text);

AddCarADS.InsertParameters.Add("@SellerEmail", mail.Email.ToString());

try

{

AddCarADS.Insert();

Message.Visible = true ;Message.InnerHtml = "Your car is added to Search List";

txtColour.Text = string.Empty;

txtDoors.Text = string.Empty;

txtEngine.Text = string.Empty;

txtPicture.Text = string.Empty;txtPrice.Text = string.Empty;

txtSellerContact.Text = string.Empty;

txtSellerAddress.Text = string.Empty;

txtSellerName.Text = string.Empty;

txtYear.Text = string.Empty;

txtModel.Text = string.Empty;

}

catch (Exception ex)

{

Response.Write(ex.Message.ToString());

}

}




49

6.7 Search Used Car

Search Used Car Dropdown lists and SQL<asp:Content ID="Content2" ContentPlaceHolderID="Column1" Runat="Server">

<h2 style="text-align: center">Used Cars</h2>

<center>

<p>Search By Model:

<asp:DropDownList AutoPostBack="true" ID="DDLModel" runat="server" DataSourceID="ADSModel"

DataTextField="BrandName" DataValueField="BrandID"

>

</asp:DropDownList>

<asp:AccessDataSource ID="ADSModel" runat="server"DataFile="~/App_Data/ASPNetDB.mdb"

SelectCommand="SELECT DISTINCT [BrandName], [BrandID] FROM [CarBrand]"

></asp:AccessDataSource>

Year:

<asp:DropDownList AutoPostBack="true" ID="DDLyear" runat="server" DataSourceID="ADSYear"

DataTextField="Year" DataValueField="Year"></asp:DropDownList>

<asp:AccessDataSource ID="ADSYear" runat="server"


SelectCommand="SELECT DISTINCT [Year] FROM [Car] ORDER BY [Year]

DESC"></asp:AccessDataSource></p>

</center>

Search Used Car Datalist

<asp:DataList ID="DLSecondHandCars"HorizontalAlign="Center" RepeatColumns="4"

RepeatDirection="Horizontal"

runat="server" DataSourceID="ADSAllSecondHandCars">

<ItemStyle CssClass="Box"/><ItemTemplate>

<center>

<hr />

<h4><%#Eval("Model")%><br /><%#Eval("Year")%></h4>

<p>Date Added:<br /> <%#Eval("addeddate","{0:d}")%></p>

<a href='Details1.aspx?CID=<%#Eval("CarID")%>' target="_blank">Details</a>

<a href='Details1.aspx?CID=<%#Eval("CarID")%>' target="_blank">

<asp:Image Width="100" Height="67px"BorderWidth="4" BorderColor="#ededed" BorderStyle="Solid"

ID="Image1"

ImageUrl='<%# Eval("Photo","{0}")%>'runat="server" />

</a>

<br />

<span>£ <%#Eval("Price", "{0:##,##0.00}")%></span>

<p>Contact: <%#Eval("SellerContact")%></p>

</center></ItemTemplate>

</asp:DataList>

<asp:AccessDataSource ID="ADSAllSecondHandCars" runat="server"FilterExpression="BrandID = {0} and Year = {1}"




50


SelectCommand="SELECT [CarID],[BrandID],[Year],[SellerContact],[Price],[Model], [addeddate], [Photo]

FROM [Car] ORDER BY [addeddate] DESC"

>

<FilterParameters>

<asp:ControlParameter ControlID="DDLModel" Name="BrandID" PropertyName="SelectedValue" />

<asp:ControlParameter ControlID="DDLyear" Name="Year" PropertyName="SelectedValue" /></FilterParameters>


</asp:Content>

Details Page<form id="form1" runat="server">

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="DetailDS">

<ItemTemplate>

<table cellpadding="5" cellspacing="5">

<tr>

<td rowspan="11">

<asp:Image Width="400" Height="250px"

BorderWidth="4" BorderColor="#ededed" BorderStyle="Solid"

ID="Image1"

ImageUrl='<%# Eval("Photo","{0}")%>'

runat="server" />

</td>

</tr>

<tr>

<td><b>Brand:</b> <%# Eval("BrandName")%></td>

</tr>

<tr>

<td><b>Model:</b> <%# Eval("Model")%></td></tr>

<tr>

<td><b>Year:</b> <%# Eval("Year")%></td>

</tr>

<tr>

<td><b>Seller Name:</b> <%# Eval("SellerName")%></td>

</tr>

<tr><td><b>Seller Contact No:</b> <%# Eval("SellerContact")%></td>

</tr>

<tr>

<td><b>Seller Address:</b> <%# Eval("SellerAddress")%></td>

</tr>

<tr>

<td><b>Email:</b> <%# Eval("SellerEmail")%></td>

</tr>

<tr>

<td><b>Price:</b> £ <%# Eval("Price")%></td>

</tr>

<tr>

<td><b>Engine:</b> <%# Eval("Engine")%></td></tr>

<tr>




51

<td><b>Colour:</b> <%# Eval("Colour")%></td>

</tr>

</table>

</ItemTemplate>

</asp:Repeater>

<asp:AccessDataSource ID="DetailDS" runat="server"DataFile="~/App_Data/ASPNetDB.mdb"

SelectCommand="SELECT CarBrand.BrandName, Car.[Year], Car.Model, Car.SellerName,

Car.SellerContact, Car.SellerAddress, Car.SellerEmail, Car.Photo, Car.Username, Car.Price, Car.Doors,

Car.Engine, Car.Colour, Car.CarID FROM (Car INNER JOIN CarBrand ON Car.BrandID = CarBrand.BrandID)

WHERE (Car.CarID = ?)">

<SelectParameters><asp:QueryStringParameter Name="?" QueryStringField="CID" />

</SelectParameters>


</form>

6.8 Send Request

<table>

<tr>

<td>

Brand:

</td>

<td>

<asp:TextBox ID="txtBrand" Width="120px" MaxLength="200" runat="server"/></td>

</tr>

<tr>

<td>

Year:

</td><td>

<asp:TextBox ID="txtYear" Width="70px" MaxLength="4" runat="server"/>

</td>

</tr>

<tr>

<td>Model:</td>

<td><asp:TextBox ID="txtModel" Width="150px" runat="server"/></td>

</tr>

<tr>

<td>Colour:</td>

<td><asp:TextBox ID="txtColor" Width="150px" runat="server"/></td>

</tr>

<tr>

<td>Engine:</td><td><asp:TextBox ID="txtEngine" Width="150px" runat="server"/></td>

</tr>




52

<tr>

<td>E-mail Address:</td>

<td>

<asp:TextBox ID="txtEmailAddress" Width="150px" runat="server"/>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"

ControlToValidate="txtEmailAddress" Display="Dynamic"ErrorMessage="Enter Valid Email Address"

ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

ValidationGroup="em"></asp:RegularExpressionValidator></td>

</tr>

<tr>

<td>Mim Price:</td>

<td><asp:TextBox ID="txtMinPrice" Width="80px" runat="server"/></td>

</tr>

<tr>

<td>Max Price:</td>

<td><asp:TextBox ID="txtMaxPrice" Width="80px" runat="server"/></td></tr>

<tr>

<td></td>

<td><asp:Button ID="btnsend" runat="server" Text="Send" onclick="btnsend_Click"

ValidationGroup="em" /></td>

</tr>

</table>




53

CHAPTER 7 - INTEGRATION AND TESTING STAGE

7.1 Introduction

This chapter is all about overall testing of the website. Every single part of the website will be

tested. Tests will take place with scenarios and every single scenario has to get pass results.

7.2 Website Test

Test

Number

What is being

testedHow Test data used Expected Results Date Actual Results

Action

Taken

1 Create Account Submit NewRecord

Irfanaygin2

New record

added intodatabase and

logged in

12/04/09 As Expected None

2 DatabaseConnection

Login withExistingAccount

Irfanaygin1 Logged in 12/04/09 As Expected None

3 Master Page

Connection

Open Pages All Pages except

Details.aspx

Design displayed

in pages


4 Navigations Select Pages All Pages Pages arechanging.


5 Second Hand Car Searching

Select Car from

Dropdownlist

BMW BMW carsdisplayed


6 New Car Retailer Searching

Select brandand choose

location fromDropdown

list

Brand: MercedesLocation:

London

Retailersdisplayed under

the dropdown list


7 Sell Car Fill thetextboxes and

save

Brand: AudiYear: 2009Model: A5

All data savedinto the databaseand car added to

search list

12/04/09 It does not working because UniversityWeb server does notgive permission tostudents to insert

data into database.

None

8

Send RequestFill the form

and sendEmail sent [email protected]

Email sent [email protected]

with request


mailto:[email protected]






54

7.3 Accessibility Test

t.a.w (http://www.tawdis.net/taw3/cms/en) is a tool for testing accessibility of websites which

based on W3C Guidelines. Accessibility of pages is all tested from the link above. Here are the

results:

Home page:

New Car Page:

Login or Register page:

Search Car Page:

http://www.tawdis.net/taw3/cms/en







55

Sell Your Car:

Send Request Page:

All Pages have 1 priority problem. It is a line from the login script. This script is dragged from

toolbox of the Visual Studio 2008 and it does not change but except this script, all tests show the

website supports accessibility guidelines.




56

7.4 Validation Test

Login Validation Test

Scenario Username Password Expected Result

Scenario 1 No input No input Do not login, No

Warning message

Scenario 2 No input Wrong Password Do not login, No

warning message

Scenario 3 Wrong Username No input Do not login, No

Warning Message

Scenario 4 Wrong Username Wrong Password Do not login and

Warning message

appears.

Scenario 5 Right Input Right Input Open Home Page




57

Create Account Validation Test

Scenario Username Password Confirm

Pass.

E-mail Security

Que.

Security

Ans.

Expected

Result

Scenario

1

No input No input No Input No Input No Input No Input Do not Create

Account.

Scenario

2

Right

input

Right

Input

Wrong

Input

Right

Input

Right

Input

Right

Input

Do not create

Account.

Warning

message

appears.

Scenario

3

Insert

existing

Username

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Do not Create

Account.

Warning

message

appears.

Scenario

4

Right

Input

Right

Input

Right

Input

Insert

Existing

Email

Right

Input

Right

Input

Do not Create

Account.

Warning

message

appears.

Scenario

5

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Account is

created.

Sell Car Validation Test

Scenario Year Model S.Name Door S.Contact Photo Price Colour Engine Expected Result

Scenario

1

No

input

No

input

No

input

No

input

No input No

input

No

input

No

input

No

input

Do not Submit.

Warning

Messages

Appears

Scenario

2

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Car is added to

search list.




58

Send Request Validation Test

Scenario Brand Year Model Colour Engine Email Min.

Price

Max.

Price

Expected

Result

Scenario

1

No

Input

No

input

No

input

No

input

No

input

No

input

No

input

No

input

Do not Send.

Warning

Messages

Appears

Scenario

2

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Wrong

Input

Right

Input

Right

Input

Do not Send.

Warning

Messages

Appears. InsertValid Email

Scenario

3

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Right

Input

Message sent.

7.5 Summary

All tests have been done and finalised. This chapter is a proof that the website is created and

working as expected. The following chapter, Maintenance, will discuss the processes which have

to be done after publishing the website to customers.




59

CHAPTER 8 - MAINTENANCE STAGE

Maintenance is another important stage of the project but also it is an easier part than others.

There is one person who is administrator needed to control and check database records every day

because only administrator can remove sold cars from the database. Administrator also has to

check for any fake records and remove them. These are all parts of maintenance.

CHAPTER 9 - CONCLUSION

8.1 Introduction

This chapter summarises the important points from all sections of the project. The critical

review describes how objectives have been achieved during in the project and then

recommendations about future have been made in future development. Finally conclusion

subsection describes gained personal experiences during the project.

8.2 Overall Summary

The overall topic of the project is online car sales in all around UK. There were 7 months to

complete and every single month has used for different parts of the project, see Appendix A.

After decision made about topic, the project has started with searching existing car sales websites

to get clear ideas about the environment of online car industry. Then Waterfall methodology has

followed in the project. It contains stages such as Requirements Analysis, Design, Implement,

Test and Maintain. Website is created in Visual Studio 2008. There were a data which have to be

stored in somewhere therefore database is created in Access 2008 to store all records of the

website. Design of the pages is based on W3C and Jakob Nielsen Guidelines. These guidelines

support users to access and use websites easily. The website is published over the university web

server area. There are many cars for sale already saved to the website and they are all accessible

from members of the website. All sections above give the all details about the project. Finally the

project has submitted on expected date.




60

8.3 Critical Review

After understating the environment of the online car industry, the key point was the creating

something unique and also creating something usable for people. Using the waterfall

methodology was very useful because many decisions in all stage have been changed during all

time in the project and the characteristic of the waterfall methodology allows changes in the

project at any time. The design part of the website was one of the toughest parts in the project.

There were accessibility and usability guidelines which have to be followed. After finishing the

design, the accessibility of the website is tested and all pages passed the test, see on testing stage.

Unseen parts of the website, Codes, are the main challenge part of the project. Long time has

spent on figuring out the right codes but finally all codes are working as expected. Only one part

of the website is not working properly but the reason is university web area’s security settings.

University does not give write permission which means you can only display data which is in the

database but you are not allowed to write new data into it. Codes for this function are tested in

other domains and they are working. This is the only negative thing in the project.

The fundamental part of the website is the database part and the tables. There are 11 tables

created for the website. 7 of them are used for the memberships, roles and accounts. These

database tables used in and have taken from Building IT Applications (COMP1315) Course in

Year 2007/08. The rest tables are unique and only created for cars. After all, these were the

positive and the negative things in the project but many personal skills have improved during

implementing the project such as coding, time management, planning skills and etc…. These

experiences and skills will be useful at any time in the career life.

8.4 Future Development

There are many developments can be made in the future. Then one main thing is searching car

by postcode then customers can be able to find the nearest seller. Other important point is

advertisements. There are no any advertisements in website at the moment. Advertisement in the

website is a good profitable idea in this industry.

Web technology is increasing every time and also the design techniques are getting better.

Changing the design or rewrite the website in different language might be a good development in

the future.




61

8.5 Conclusion

The project has completed on expected date successfully. It was a very big and hard project.

According to its difficulty, it brought a lot of experiences which will be useful in future career

life. The project was about creating a website so lots of information has been read about web

technologies, web languages, methods and etc... Time management skill is one of the improved

skills in the project. There was 5 months to deadline and this long time was used well. Whole

project objectives divided into parts and these parts divided into these 5 months. Programming

skill has also improved. Coding was the most difficult part in the website. This part has achieved

with reading lecture notes from previous years because this project contains everything you have

learnt in the university. Internet websites, articles and books have used for some parts of the project. Overall, this final project has brought me unforgettable experience.




62

R EFERENCES

Web sites:

1. http://www.proace.com/definitions.aspx Last access 14th April 2009

2. http://www.tech-faq.com/database.shtml Last access 14th April 2009

3. http://db.daffodilsw.com/web-database.html Last access 14th April 2009

4. http://www.websters-online-dictionary.org/Wa/Waterfall+Model.html Last access 14th

April 2009

5. http://www.theinternetdigest.net/articles/database-driven-websites.html Last access 14th

April 2009

6. http://www.fmsinc.com/microsoftaccess/Strategy/ Last access 14th April 2009

7. http://www.startvbdotnet.com/aspsite/asp/ Last access 14th April 2009

8. http://www.academicmind.com/unpublishedpapers/business/management/2004-11-

000aaa-automotive-industry-analysis.html Last access 14th April 2009

9. http://www.w3.org/Consortium/ Last access 14th April 2009

10. http://www.useit.com/ by Jakob Nielsen, Last access 14th April 2009

11. http://www.w3.org/WAI/intro/components.php Last access 14th April 2009

12. http://www.webdesignpractices.com/navigation/breadcrumb.html Last access 14th April

2009

13. http://www.tawdis.net/taw3/cms/en Last access 14th April 2009

14. Key Benefits of Microsoft Visual Studio 2008, White Paper, December 2007

(http://www.microsoft.com/downloads/details.aspx?FamilyID=AF043EAF-7B3F-4D09-

8359-66914FFA5473&displaylang=en#Overview) Last access 14th April 2009

15. Benefits of ASP.NET, Jim Mischel, Last Updated Apr 18, 2003

(http://www.informit.com/guides/content.aspx?g=dotnet&seqNum=54) 16. http://msdn.microsoft.com/en-us/library/aa645597(VS.71).aspx Last access 14th April

2009

17. http://urriellu.net/en/articles-software/csharp-advantages.html



http://www.tech-faq.com/database.shtml


http://db.daffodilsw.com/web-database.html


http://www.websters-online-dictionary.org/Wa/Waterfall+Model.html


http://www.theinternetdigest.net/articles/database-driven-websites.html


http://www.fmsinc.com/microsoftaccess/Strategy/


http://www.startvbdotnet.com/aspsite/asp/


http://www.academicmind.com/unpublishedpapers/business/management/2004-11-000aaa-automotive-industry-analysis.html





http://www.w3.org/Consortium/


http://www.useit.com/



http://www.w3.org/WAI/intro/components.php



http://www.webdesignpractices.com/navigation/breadcrumb.html






http://www.microsoft.com/downloads/details.aspx?FamilyID=AF043EAF-7B3F-4D09-8359-66914FFA5473&displaylang=en#Overview




http://www.informit.com/guides/content.aspx?g=dotnet&seqNum=54



http://msdn.microsoft.com/en-us/library/aa645597(VS.71).aspx



http://urriellu.net/en/articles-software/csharp-advantages.html

























63

18. E-volving the Auto Industry: E-commerce Effects on Consumer and Supplier

Relationships, September 2000, Susan Helper Case- Western Reserve University, John

Paul Macduffie Wharton School, University of Pennsylvania, available at

http://www.webalice.it/fabio.ruini/e-business/Helper,%20MacDuffie%20-%20E-

volving%20the%20auto%20industry%20-%20E-

Commerce%20effects%20on%20consumer%20and%20supplier%20relationships.pdf

Last access 14th April 2009

Dissertations:

1. Susanne Mueller 2005, designing for device independence – a location based web

application for mobile devices and fixed systems, the University of Greenwich

Codes and Database Tables:

1. From Building IT Applications (COMP1315) Year 2007/08

Lectures

Lab Exercises

Tables for memberships have taken from Building IT Application course, Week

Number 2.7, Lab exercise files.

http://www.webalice.it/fabio.ruini/e-business/Helper,%20MacDuffie%20-%20E-volving%20the%20auto%20industry%20-%20E-Commerce%20effects%20on%20consumer%20and%20supplier%20relationships.pdf










64

APPENDIX LIST

Appendix A- Project schedule




65

Appendix B – New cars


Customer

Accest to New CarPage

Select Brand

Select Location

Get RetailerAddresses

Send Request




66

Appendix C - Use Case: Second Hand Cars

Customer

Administrator


Create Account

Login

Open Second HandCars Page

Search Car

Choose Car

Contact Seller

Buy Car

Add Car

Remove Car




67

Appendix D – Class Diagram




68

Appendix E – Prototyping

Home Page

Select New Car from the vertical navigation buttons.




69

Logo of Mercedes selected and retailers displayed which locate in London

The following page is for Login, creating account, searching used car, selling car. When you

push these buttons, the page which is below appears.




70

Logged in with an example account,

Searching second hand cars with using dropdown lists.




71

When you push details button, the new page will open and display more details about car and

seller.

Sell your car page. Fill the form properly and save it to database then the car will be added to

search list. Validation settings do not let you to save empty record.




72

Last Function of the website is sending Car Request. There are validation settings which do not

let you to send request without filling required textboxes.




73

Appendix F – Project Proposal

TABLE OF CONTENTS

Introduction................................................................................................................................ 74 Background ................................................................................................................................ 75 Aims ........................................................................................................................................... 76 Objectives .................................................................................................................................. 77 Methodology .............................................................................................................................. 77 Relevance to Programme and courses ....................................................................................... 78 Legal and Ethical Issues ............................................................................................................ 78 Resources and people ................................................................................................................ 79 Critical success factors .............................................................................................................. 79 Appendix A- Schedule ............................................................................................................... 80




74

Introduction

Many business sectors are making their sales from the internet at the moment. The reason of they

choosing internet is money. Internet business is cheaper. Companies make more profit in the

internet and internet shopping is becoming more popular in the world. I am going to design a

website for online car sale. Customers will be able to open my site and choose different types of

cars. There will be new different brands of cars and also second hand cars.

This project will take five months to complete. I will look at the existing car sale websites,

analyze them and get idea to design a suitable websites for consumers. Microsoft office Access

2007 and Visual studio 2005 softwares will be used to create a website. C# is the language that I

am going to follow in the coding part of the website.

All details of the website and its processes will be placed in the report on the following sections.




75

Background

Project is about online car sale system. It is going to be a website which gives an

opportunity to customers to buy car online. Website aims to contain all business functions like

customer records, payment and customer services. Sector of car sale is very popular and all

people always need a car. Internet is a good option to finding the most suitable car for you

because you can compare cars, see the prices, specifications and see the second hand cars from

the internet. If you saved a fixed budget to buy a car, internet helps you to choose the right car

for your budget. You can also sell your car through the internet. There are lots of websites

created for selling cars and the most popular is “Auto Trader” in the UK. I am going to take Auto

Trader as model website because it has a very good design and simple to use.




76

Aims

My main aim is to produce the most serviceable and profitable website a car sale company.

Here is the information about the website:

There will be new cars and second hand cars selections in the website. When customers open the

site, they can choose any brand of new cars or collection of different types of cars as a second

hand then they will see the photos of cars with details and will choose

the one they want to buy. If you choose a new car, website will give you dealer addresses of the

brand that you choose but it is not same for the second hand cars.

I will create a registration form to create a customer account. Your customer account will let you

to contact to sellers of the second hand cars so you will need to register for buying second hand

cars. I need to be careful on navigation and security parts.

If you look at the most popular websites, they all have got simple design and very clear

navigation. These details actually make them popular and security is also another reason. I am

going to make a research on the most popular car sale websites and

Will look at their design, navigation, security and other else categories. Website that I am going

to create has to be professional as others.




77

Objectives

It describes the objectives that I am going to achieve in the project.

Designing a website with:

Simple design

Easy to use

Security

Well coded

Functions

o Customer Record

o Ordering

o Customer Service

I will make my research from internet because it is technical project. I will have to look

many car sale systems to get ideas on design part. Some codes will be taken from other websites,

previous year’s lecture notes and books.

Methodology

DSDM “Dynamic Systems Development Method” is the methodology that I am going to use in

the project.




78

Relevance to Programme and courses

This is my final year in business information technology and during these years, I have learnt:

how to analyse a business

how to solve problems in business

how to make plan

how to design system

This project is directly related on programme that I take. I need analyse skills, technical skills

(e.g. programming) and also creativity to get a best solution. I have already taken these skills in

BIT programme and this project contains all skills I have learnt.

Legal and Ethical Issues

Website will be designed and coded by myself but I will get help from useful website. These

websites will be placed in the references section to avoid plagiarism Car photographs taken from

other websites are going to be used to display them in the website.




79

Resources and people

Project is going to be based on computer. System will take place on computer and customers will

be able to access it on computer from internet. Internet is necessary in this project. Customers are

able to use and access to the system in all around the world.

Critical success factors

Lack of hardware devices and software might be a reason to break a project. Many people are

still not familiar with internet and this is another difficulty of making business through internet.

Customers will put their credit card details into the site to make order so I must set high level

security into the website otherwise nobody will put their credit card details and place an order.



Appendix A- Schedule

Online Car Sale

Documents

Transcript of Online Car Sale