187
CAR RENTAL ONLINE SYSTEM FOR NORADLIRAZMAN CAR RENTAL SDN. BHD. DAMANSARA NORADLIRAZMAN BIN OTHMAN FEBRUARY 2011 1

Project 2 Final Draft Thesis

Embed Size (px)

DESCRIPTION

this is for u :D

Citation preview

Page 1: Project 2 Final Draft Thesis

CAR RENTAL ONLINE SYSTEM FOR NORADLIRAZMAN

CAR RENTAL SDN. BHD.

DAMANSARA

NORADLIRAZMAN BIN OTHMAN

FEBRUARY 2011

1

Page 2: Project 2 Final Draft Thesis

TWINTECH INTERNATIONAL UNIVERSITY COLLEGE OF TECHNOLOGY

Declarations

“I hereby declare that I have read this project report and in my opinion this report is sufficient in

terms of scope and quality for the award of the degree of the degree of Bachelor of Computer

Science (Hons).”

Signature :

Name of Supervisor : MISS. NURHIDAYAH BTE ISHAK

Date : 16 February 2011

2

Page 3: Project 2 Final Draft Thesis

CAR RENTAL ONLINE SYSTEM FOR NORADLIRAZMAN

CAR RENTAL SDN. BHD.

DAMANSARA

NORADLIRAZMAN BIN OTHMAN

A project submitted as a Partial Fulfilment of the Requirement for the Award of Bachelor of Science (Honours) Degree in Computer Science

TWINTECH INTERNATIONAL UNIVERSITY COLLEGE OF TECHNOLOGY

2011

3

Page 4: Project 2 Final Draft Thesis

Declaration of plagiarism

“I declare that the work which I am submitting for assessment contains no section copied in

whole or part from any sources, unless it is explicitly identified by means of quotation and marks.

I declare that I have acknowledged such quotations by providing detailed references to the source

materials, in approved format. I understand that failure to identify copied materials and to provide

appropriate referencing both constitute plagiarism, which is a serious offence under the

university’s codes of practice.”

................................................

Name: Noradlirazman Bin Othman

Date: 16 FEB 2011

4

Page 5: Project 2 Final Draft Thesis

Acknowledgement

I owe my most sincere gratitude to Allah the almighty and the most powerful for offering

me such a strength, endurance, audacity, and capability to accomplish this project.

I would also like to express my deep and sincere gratitude to my supervisor, Miss Nurhidayah,

his wide knowledge and his logical way of thinking have been of great value

for me. Her understanding, encouraging and personal guidance have provided a good

basis for the present project.

During this work I have collaborated with many colleagues for whom I have great regard,

and I wish to extend my warmest thanks to all those who have helped me with my work in the

International University College Technology Twintech.

I owe my loving thanks to my mother, and all my family members.Without their

encouragement and understanding it would have been impossible for me to finish this work. My

special gratitude is due to my brother, my sisters and their families for their loving support.

5

Page 6: Project 2 Final Draft Thesis

ABTRACT

Car rental online system started in late 90s in few special car rental companies that has

now reached most of the car rental companies. It is yet to take off in Noradlirazman Car Rental

Sdn. Bhd. owing to various problems. This project tries to identify the barriers, analyze the

convenient steps in automating the car rental system and the technology available. The designer

made a project on the car rental online system, which is an attempt to automate the existing rental

system. The fundamental of this development is that it is essential to emphasize this aspect as the

car rental system automation is yet to take off in majority of the Noradlirazman Car Rental Sdn.

Bhd. The need for car rental automation is justified by the cost-effectiveness and the benefits

derived by the car rental users that have become the major consideration. The Car Rental Online

System follows a software development life cycle approach that includes initiation, planning,

design, development, testing, implementation, and maintenance phases.This system enables its

user to perform all the operations regarding a car rental with features that provides the user to

make entry of user and admin registration, deleting and inserting the record from the database,

issuing a an invoice to a customer and making entry of a new car rental form.

6

Page 7: Project 2 Final Draft Thesis

TABLE OF CONTENTS

Declaration……………………………………………………………………………………………....ii

Acknowledgement……………………………………………………………………………………....v

Abstract…………………………………………………………………………………………………vi

Chapter 1 Introduction

1.1 Introduction...………………………………………………………………....…..10

1.2 Background Studies………………………………………………………....…....11

1.2.1 History of Noradlirazman Car Rentals Sdn. Bhd.…...................................11

1.2.2 Description of Noradlirazman Car Rentals Sdn. Bhd.……………............11

1.2.3 Current System…………………………………………………........……12

1.2.4 Proposed System…………………………………………………......…...12

1.2.5 Comparison…………………………………………………….....………13

1.3 Aim……………………...…………………………………………......………….14

1.4 Objectives……………………………………………………………......……..…14

1.5 Problem Statement………………………………………………………….....….14

1.6 Importance of the system………………………………………….…….....……..15

1.7 Scope of Library Management System………………………….…………......…15

1.8 Conclusion……………………………………………………………………......17

Chapter 2 Literature Review

2.1 Project Domain…………………………………………………………......…......18

2.2 Current System Approach……….……………………….……………….............18

2.3 Technology Used……………………………………………………………........19

2.4 Case Studies……………………………………………..……………………......20

Chapter 3 Project Methodology

3.1 Introduction………………..………………………………………………......….22

3.2 Waterfall System Development Life Cycle Model……..…………………….......23

7

Page 8: Project 2 Final Draft Thesis

3.3 Project Management……………………….……………………………….....….25

3.4 Hardware and Software Specification………………….……………………........26

3.5 Operation assumption………………………..…………………………….......…26

Chapter 4 Design

4.1 Introduction………………………………………………….,……………….......28

4.2 System Design…………………..…………………………………………......….29

4.3 Database Design………………………………………………………......………31

4.4 Interface Design…………………………………………………………….....….34

4.4.1 Input design………………………………………………………….........35

4.4.2 User Design Interface…………………………………………......………44

Chapter 5 Coding

5.1 Introduction………………………………………………….,……………......….50

5.2 Code for each function………..…………………………………………......……52

Chapter 6 Testing and Implementation

6.1 Introduction………………………………………………….,…………......…….57

6.2 Testing…………………..…………………………………………………......….58

6.3 Implement…………………………………………………………………….......61

Chapter 7 Conclusion and recommendation

7.1 Introduction………………………………………………….,……………….......63

7.2 Review of objectives………..……………………………………………….........63

7.3 Advantages and Disadvantages of the system………………………………........63

7.4 The limitation of the system…………………………………………………........64

7.5 Conclusion of the project……………………………………………………........65

7.6 Future enhancement…………………………………………………………........66

8

Page 9: Project 2 Final Draft Thesis

List of Table

Table 1 : Comparison Between current system and proposed system……….........13

Table 2 : Cost and Benefit Analysis………………………...………………......…25

Table 3 : Available Cars……………………………….……………………..........31

Table 4 : Unavailable cars………..…………………………………………..........31

Table 5 : User Registration…………………………………..……………….........32

Table 6 : Admin Registration………………………………………………….......32

Table 7 : Rental Information…………………………………………………........33

Table 8 : Technical…………………………………………………………......….53

Table 9 : Registration Unit…………………………………………………….......54

Table 10 : Test Case Login………………………………………………….........…59

Table 11 : Test Case Register New User……………………………………......…..59

Table 12 : Test Case Make Rental Order…………………………………….....…..59

Table 13 : Test Case Send Form………………………………………………........60

Table 14 : Test Case Inquiring User………………………………………......…….60

Table 15 : Test Case Inquiry User Rental Records……………………………........60

Table 16 : Test Case Search for Cars……………………………………….....……61

List of Diagrams

Diagram 1 : Waterfall Model (SDLC)…………………………………………….....……….24

Diagram 2 : Sequence Diagram…………………………………………………..….....…….29

Diagram 3 : Use Case Diagram…………………………………………….……………........30

Diagram 4 : Class Diagram………………………...………………………………….......….30

9

Page 10: Project 2 Final Draft Thesis

List of Figures

Figure 1 : Homepage……………………..…………………………………………..….....35

Figure 2 : Admin Registration…………………………………………...……………........36

Figure 3 : User Registration …………………………………….........................................37

Figure 4 : Admin Login………………………………….....................................................38

Figure 5 : User Login.......…………………………………………………………….........38

Figure 6 : Mainfleet………………………………...............................................................39

Figure 7 : Langkawi Fleet…………………………..............................................................40

Figure 8 : Self-Drive Rates....................................................................................................41

Figure 9 : Reservation and Renting Locations…………………………………………......42

Figure 10 : Available Cars……………………………………………………………......….43

Figure 11 : Unavailable Cars………………………………………………………......…….43

Figure 12 : User Registration………………………………………………………….....….44

Figure 13 : Admin Registration……………………………………………………......…….44

Figure 14 : Invoice…………………………………………………………………......…….45

Figure 15 : Rental Form…………………………………………………………….....…46-49

Figure 16 : Gant Chart……………………………………………………………….........…71

References………………………….……………………………………………………….........67

List of Appendix

Questionnaire for library staff……………………………….……………………………….......69

Questionnaire for library members………………………….………………………………........70

Gantt chart…………………………………………………………...………………….....….….71

Coding……………………………………………………………………………………........…72

User Manual……………………………………………………………………………….....…155

10

Page 11: Project 2 Final Draft Thesis

CHAPTER 1

1.1 Introduction

Today, there are wide varieties of car rental systems in the market. These include from

online or offline. Unfortunately, despite the availability of such systems, the need for renting a

vehicle is still growing and the demands are increasing whether they are for general or private

use. The car rental contract is designed in a specific form for the car leasing at which consists of

the agreement between the lessee (renter) with the leaser (owner) of the automobile. Whereby at

the specific time agreed he lessee entitles the right of the usage of the car, and at the same time

the leaser will offer the features of the car agreed, together with the tax payment, insurance,

maintenance, and the accessories and including the realization value added of the valuation of the

car.

At Noradlirazman Car Rental Sdn, Bhd. made a conscious decision to ask their clients

what they need most. Document has long ago become an integrated part of resource management.

Also, we collected relevant information on the Internet and integrated it into the development.

They are building up subject specific electronic libraries of data for Car Rental Online System.

They are developing a prototype of an Online Car Rental System with a lot of added value. They

do this together with our customers who give us ideas and real life feedback. They are constantly

thinking of ways to fulfill our customers’ information needs.

The Online Car Rental System is designed & developed for car rental information and invoice

of the rental orders in the website along with the member’s registration details. The customer

rentals order is received in the rental form and the new member is entered in the member

registration form. When a member wants to get the desired car rental information the same is

issued on the availability basis to the member. The issuance and due date for the returning of the

book is also entered into the Book Issue form under third menu Book Issue. The customer will be

informed via email for any successful order that is issued. The administrator will have the full

information that is needed to check, search, edit, update and replace any new changes that occur

in the systems database.

11

Page 12: Project 2 Final Draft Thesis

1.2 Background studies

Background studies aim to objectively and rationally uncover the strengths and weaknesses of

the existing system and proposed system. As such, this section is well-designed to provide a

historical background of the methods used before the Online Car Rental System was introduced

to the company. This section also covers a description of the company.

1.2.1 History of Noradlirazman Car Rental Sdn. Bhd.:

Noradlirazman Car Rentals Sdn. Bhd., which was established in 2010 as an independent

leasing company in Malaysia and has branch offices in major towns throughout the country.

They are presently a growing car rental company in Malaysia. Our Head Office is in Saujana Ria,

Damansara and they have rental offices/counters located in the cities of Kuala Lumpur and Shah

Alam, Kuala Lumpur International Airport, the city of Penang, Penang Airport, the city of Johor

Bahru, Johor Bahru Airport, Kuantan and Kuantan Airport.

They provide a fleet of well-maintained cars, ranging from the latest locally assembled

foreign makes and models to the most popular locally manufactured Proton cars. Their fleet of

well-maintained cars, in terms of capacity, ranges from 1300cc to more than 2000cc.

1.2.2 Description of Noradlirazman Car Rental Sdn. Bhd:

At their head office, they have a fully equipped in-house workshop, which is managed by

their team of experienced and well-trained mechanics. Coupled with their team of dynamic

operations personnel, they provide an efficient and reliable backup service for our customers'

needs and comforts. In addition to these services, they also have a team of dynamic and well-

trained sales personnel to provide personalized services to the customers, particularly our

corporate customers.

With these resources and their vast experience in fleet management, they have introduced

fleet management services which are provided through our subsidiary, Noradlirazman Fleet

Management Sdn. Bhd. These service which are extended to fleet owners enables them to enjoy

administrative convenience such as monitoring and scheduling of vehicle servicing and to a

certain extent, vehicle maintenance cost control.

12

Page 13: Project 2 Final Draft Thesis

1.2.3 Current System

Most of the car rental operations are still being done manually. Therefore, it really causes

difficulties to user. Whereas using the manual way the user has to fill in the provided form and

give a copy of identification card and license. Problems that had been identified in the current

system are:

• Customers having difficulty making a registration because of the manual system the

company was using. This made the costumers had to come in and out of the offices and

counters just because they only need to fill in the details in the form that were needed for

their rental purposes.

• Mistakes in giving car to the correct customer due to data redundancies that occurred

because of the manual way.

• Mistakes that occurred during the total rental payment calculation process.

• Keeping track of cars is a bit difficult to be done since it is using manual way.

1.2.4 Proposed System

Proposed system is an Online Car Rental System. Through our website the user can add

members, add cars, search members, search cars, update information, edit information and mail

the invoices. All the manual difficulties in managing the online car rental system have been dealt

with by implementing website automation.

User friendly interface is the primary way the systems interact with the user and allow

him or her to interact with. With the help of such web authoring tools such as dream weaver, it is

possible to achieve it.

Online data storage management websites for example www.statcounter.com and

www.num-sum.com offer an alternative to such other methods of storing data such as MySQL

and WAMP servers. The use of web mail such as Yahoo Mail has become an easier task on

organizing information that has been collected via website and kept as for record purposes.

This will reduce the work-load and paper work will reduce the manual work. Automated

data acquisition, data location management and inventory and item  verification will  reduce work

13

Page 14: Project 2 Final Draft Thesis

load  of  the car rental staff ,  this way more secure,  time  saving,  reliable and  less  error  prone

system will  be  implemented  for  accelerate the work flow of the car rental company. The online

system will maintain all the record at each level.  It will help the user to retrieve the valuable

information whenever needed. Every data will be stored in the computer memory to reduce the

space being used whereas now it is stored in registers and files which are then stored in

bookshelves, file cabinets, racks or shelf and they need a large space.

The Online Car Rental system offers users easy-to-use search facility that can be

performed on various combinations of elements from the record. There is no limit on the number

of data that can be inserted.

The new system will take less time in entering the data, processing it and getting its

output. Fewer resources will be used as no large registers, files, Ledgers, pens; correctors will be

needed or used. Therefore, less time will be taken to process the data that will help to do more

jobs in less time.

1.2.5 Comparison

Current System Proposed System

Information about registration of the

customers is not properly maintained.

Reduce the workload of employee.

Tracing customers, available cars for

rent and user and admin password is

very difficult.

Faster retrieval of information about

the desired information.

No central database can be created as

information is not available in

database.

Provide facility for proper

monitoring reduces paper work and

provide data security.

Fast report generation is not possible All details will be available on a

click.

Comparison between current system and proposed system table

14

Page 15: Project 2 Final Draft Thesis

1.3 Aim:

The aim of this project is to develop a Car Rental Online System for Noradlirazman Sdn.

Bhd. at Damansara main office.

1.4 Objective:

Below are the main research objectives of this project:

To get, store and manage information from lessees/renters

To develop a web based system (online) to help manage the car rental business

To develop an Online Car Rental System that is easy to maintain and has the basic

functions.

1.5 Problem Statement

• Data GrowthAs we know, data increase by day. So, it is very difficult to store and maintain all the data manually. Therefore, proper and systematic database must be used to afford these data growth and to allow user to update or maintain data efficiently.

• No Computerized SystemThis system is developed to 'upgrade' the manual system into computerized system. Currently, there are car rental is still using manual system in recording some data. If the data are not managed carefully and efficiently, it will cause problems to that company where the loss of data and data redundancies may occur.

• Data security is not assuredThis is due to the manual way of recording the data. As we know, in manual way, data are being stored by recording it on paper. Therefore, it may easily get damage or misplace that will lead to data loss.

15

Page 16: Project 2 Final Draft Thesis

1.6 Importance of Car Rental Online System

This research is significant due to the fact that in these challenging business environments,

many car rental firms have been unable to properly implement corrective methods in order to

improve their services and provide superior quality and security to their customer. Working with

our system organization can benefit from many things like:

Online booking engine

Fleet management solution

Vehicle scheduling solutions

In essence, some of the firms do not even know where to start when it comes to securing their

properties where in our case are the cars. Hence this project is meant to serve as a guide to firms

like these in terms emphasizing the importance of effective security, and the strategies that can be

employed in order to improve and perfect security so that businesses can be run without any

losses.

1.7 Scope of Library Management System

These are the sequence of events in the development of the Car Rental Online System, which

requires mutual effort on the part of user and technical staff. Project scope will contain the

following activities. The designer starts with the requirement stage of the project to understand

the requirements. This is a very critical stage for developing this project to communication with

user as much as possible and documents all requirements.

After completing the requirement study and documentation, it is time to design the system

based on the requirements. The first step is identifying all the features the designer is going to

implement in the software. The requirements document is a used as a guide in identifying the

features according to the requirements specification.

System testing is the stage of implementation, which aims at ensuring that the system works

accurately and efficiently before actual operation commences. It is a utility as a user oriented

vehicle before implementation to meet user needs. Thus the system should be tested to see

whether it meets the user requirements.

16

Page 17: Project 2 Final Draft Thesis

The implementation phase involves installing approved applications into production

environments. Primary tasks include announcing the implementation schedule, training end users,

and installing the product. Additionally, organizations should input and verify data, configure and

test system and security parameters, and conduct post-implementation reviews. Management

should circulate implementation schedules to all affected parties and should notify users of any

implementation responsibilities.

From information requirements to final implementation, the system development cycle is an

ongoing process. As Noradlirazman Car Rental Sdn. Bhd. changes, information requirements

change, and the cycle continue.

Car Rental Online System comprises a relational database, to interact with the online

database, and two graphical user interfaces (one for administrator, one for user). It separates the

functions into discrete programs called modules, each of them integrated with a unified interface.

Each of the user and item has a unique ID in the database that allows the Car Rental Online

System to track its activity. The development will consist of modules as mentioned below:

1) The administration module enables administrator to manage the user management with

efficiency and with ease. With the possibility the user will increase from day to day, the

system will be used to them manage the user.

2) Technical module enables the user to manage the information with more convenience. With

the possibility there are more than hundreds of individual data at Noradlirazman Car Rental

Sdn. Bhd, the information can be managed faster and easily to track.

3) Circulation module enables the user to manage the activity with more speed and accuracy.

With the rate of hundred users per day come to web site and use the Car Rental Online

System.

17

Page 18: Project 2 Final Draft Thesis

1.6 Conclusion

To sum up, developing a computer based information system for Noradlirazman Car

Rental Sdn. Bhd. was a matter of essence. It will be a medium for the Car Rental Online System

for the proper management of the company user information in an organized way. It is now

essence for the organization to transmit the company record on to the system, without crawling in

various departments. The Computer Based Information System made to ease the flow of

information from one department to other. Since the data are organized in a database, and are

secure in computer system, the complaint of loss of information will not be heard again. The

personnel will be satisfied with the system and willing to adopt it. The information overload

problems on certain departments will get minimized.

18

Page 19: Project 2 Final Draft Thesis

CHAPTER 2

LITERARTURE REVIEW

2.1 Project Domain

Car Rental Online System uses front end as PHP designed web page and backend as

www.num-sum.com internal database. The system stores information about the company and to

whoever has made the car rental process. All these details are stored in the database by entering

into www.num-sum.com internal database and the details can be displayed from the database by

writing the query in www.num-sum.com internal database. This project involves several modules

to carry out each action.

The system creates database for storing the details in tables. It enables to create table for

member details, a table for storing company details and another table for storing the details to

whom have taken the rented the cars namely customers details.

The system can also store the details at run time, by entering the details of the user

separately at run time. Likewise the transaction details can also be entered at run time. It can

either store in a database and see the details when required or see the details at run time by

selecting the option display.

Hence in the existing system for library management system, the performance evaluation

system and the maintenance are done manually. The proposed system will maintain all the

information in a standard database and will be able to generate reports as and when necessary.

Accessing and the user has the right to search based on the above mentioned criteria’s.

2.2 Current System Approach

Most of the car rental operations are still being done manually. Therefore, it really causes

difficulties to user. Whereas using the manual way the user has to fill in the provided form and

give a copy of identification card and license. Problems that had been identified in the current

system are:

Difficulties in checking car status whether the car is being used, being repaired or

available for rental.

19

Page 20: Project 2 Final Draft Thesis

Customer does not know the detailed information about the car that they had rental.

Mistakes in giving car to the correct customer due to data redundancies that occurred

because of the manual way.

Mistakes that occurred during the total rental payment calculation process.

Keeping track of cars is a bit difficult to be done since it is using manual way.

2.3 Technology Used

Car Rental Online System is a web based application system. The system is an online system.

There are some hardware and software requirements that are needed in developing the system.

Microsoft Project

It is a project management software program developed and sold by

Microsoft which is designed to assist project managers in developing plans, assigning resources

to tasks, tracking progress, managing budget and analyzing workloads.

Microsoft Office Visio

Microsoft Visio is diagramming software for Microsoft Windows. It uses vector graphics to

create diagrams. The 2007 Standard and Professional versions share the same interface, but the

latter has additional templates for more advanced diagrams and layouts as well as unique

functionality that make it easy) for users to connect their diagrams to a number of data sources

and display the information graphically.

Hypertext Preprocessor (PHP)

Hypertext Preprocessor is also known before as Personal Home Page Tools (PHP). PHP is an

open source technology that is supported by a large community of users and developers. Open

source software provides developers with access to the software’s source code and free

distribution rights. PHP is platform independent; implementation exists for all major Windows,

UNIX and Linux operating system. PHP also provides support for a large number of databases,

including MySQL. PHP code is embedded directly into XHTML documents. This allows the

document author to write XHTML in a clear manner, without having to use multiple 'print'

statements.

20

Page 21: Project 2 Final Draft Thesis

Database system

Online database storage www.nun-sum.com

Keeps track of the registration data, cars, login details and the car renting schedule.

Operating system/server

Apache sever

The Apache HTTP server, commonly referred to simply as Apache, is a web server notable for

playing a key role in the initial growth of the World Wide Web.

Hardware and Software Spec

The hardware requirements for Car Rental Online System are as listed below:

RAM -512MG

Hard disk - 60GB

CPU - 1.7MHZ

Printer

Other Requirements

WAN (Wide Area Network)

2.4 Case Studies Perot Systems

Perot Systems has proven experience and expertise helping organizations worldwide

develop, enhance, and manage their applications and IT infrastructure to maximize returns on

their IT investments. And we can help your business achieve and increase competitive advantage

through the creation of flexible, customer-focused, enterprise wide global information systems.

(Perot Systems, 2005)

The Transition to web-based reservation systems and IP-based call centers with

multilingual support Migrate mission-critical applications from legacy mainframe systems to

open platforms using contemporary technologies seamlessly in titrate business partners and

suppliers to successfully deliver services. (Perot Systems, 2005)

21

Page 22: Project 2 Final Draft Thesis

Integrate databases at various points of sale and field locations to maintain continuity of service

delivery in real time, Perot Systems has helped leading car rental companies achieve higher levels

of operational excellence and increase their customer base while consolidating and enhancing

legacy IT systems to maximize return on technology investments. (Perot Systems, 2005)

A vehicle management system and method using wireless terminals is provided. In the

method, a server on a network stores accumulated travel distance-based vehicle

maintenance/consumable item replacement time information in a specific recording medium. The

server transmits an accumulated travel distance information request message to a wireless

terminal of a subscriber. The wireless terminal of the subscriber transmits accumulated travel

distance information to the server. The server checks whether or not any vehicle

maintenance/consumable item, which is required to be replaced according to the accumulated

travel distance information transmitted from the wireless terminal, is present, based on the

accumulated travel distance-based vehicle maintenance/consumable item replacement time

information stored in the recording medium. If a vehicle maintenance/consumable item required

to be replaced is present, the server notifies the wireless terminal of information of the vehicle

maintenance/consumable item to be replaced. Thus, the appropriate time to replace

maintenance/consumable items (for example, engine oil, brake linings/pads, and a generator) and

prices of the items at the moment when they are replaced can be easily calculated according to

the accumulated travel distance information provided through the wireless terminal. (Jeon, 2006)

(Name, 2009)

This study will determine the review of World Wide Web (WWW), testing a website,

website requirements, Unified Modeling Language (UML) and provide some information related

to the market development of the Go-Kart through online reservation system.

22

Page 23: Project 2 Final Draft Thesis

CHAPTER 3

PROJECT MEHTHODOLOGY

3.1 Introduction

In this Analysis phase the designer have analyze the requirements what the designer want

to do for the project. The designer have to collect the requirements needed to develop the project.

For that the designer have employed on-site observations method, used questionnaires for both

staff and users of the library for gathering the requirements. The designer made an appointment

to see the functioning of company. So the designer have visited the company for two days and

observed staff issuing and collecting imformation and record keeping. The designer have also

inspected the place where the records are stored and from that it was seen that it was a real mess.

The designer also saw the records for cars, users, and accounts. From site visit the designer had a

good understanding of the functioning of the system.

In this analysis phase, the designer have to design the project in mind how it has to be and

what are all the operations that has to carry in the project and how it has to be interactive with the

users and how it has to attract the customer. The project has to contain all the details about the

userss in the library and books in the library and the details the userss who taken the books and

this details has to store in the database for this type. The designer have to analyze the problem

and develop the project. In this analysis phase the designer have to collect the details about the

project such as what are all operations that will make interactive and what are all the fields that

has to be present n the database and the database must store the details of all the userss and the

car details and the users who rented the cars.

In this analysis phase only the designer will collect the information about the project. This is the

first stage of the project. After this only the designer will start doing project that is the design of

the project will carry after this stage. After that the designer will write the project coding and the

designer will test the project. This phase will take the duration up to 1 to 2 weeks for completion

of this analysis stage that is for collecting the requirements and it has to contain all the details

about the project. In some projects it will take more time for completion of the analysis stage

because it has to collect more requirements, it has to be depend upon the project it will take

duration, hence for small type of projects the designer can easily complete the project within the

23

Page 24: Project 2 Final Draft Thesis

short duration, for large projects it will take more duration for analysis stage and also for

completion of the project. But for this project the designer can complete the project within the

short duration because it is like a mini project and also the designer can complete the stage of

analysis. If the designer has completed the stage of analysis then it appears like the designer

completed the 25% of the project within the given duration.

3.2 Waterfall Systems Development Life Cycle model

In the project, the designer have used waterfall model. This model is used when requirements are

well defined and reasonably stable, and in the project ‘Online Car Rental System’ all the

requirements are well defined. The waterfall model, sometimes called the classic life cycle,

suggests a systematic, sequential approach to software development that begins with customer

specification of requirements and progresses through planning, modeling, construction and

deployment, culminating in on-going support of the complete software.

The designer have defined activities and represented them into seperated process phases. All the

stages overlap and fed information to each other. It is not a simple linear model but involves a

sequence of iterations of development activities. This model is appropriate for the project as the

designer had ample of time for designing it, so the time constraints were not there. This model

generally takes more time to complete the software life cycle as when a stage completes it is

signed off and development goes onto the next stage.

The Waterfall SDLC steps are:

1. Analyse is the study the current system; determine if there is really a problem; determine if

the problem can be fixed; determine if the problem is worth fixing; determine what the new

or changed system should be able to achieve. Finish with a logical design. Details.

2. Design can be consider as alternative ways of solving the problem; plan what hardware,

software, procedures and data need to be created, purchased or assembled. Design other key

features such as documentation, training, testing, implementation and evaluation

requirements. Finish with a physical design.

24

Page 25: Project 2 Final Draft Thesis

3. Develop refers to the writing of software, build the hardware, buy equipment, assemble

components, formalise procedures of how the product should be used, perform ongoing

informal component testing and integration testing. Write the documentation and training

procedures. Finish with format testing, including acceptance testing.

4. Implement roll out the solution to its users using strategies such as direct, phased, parallel

and/or pilot.

5. Evaluate is the review of the development process and the finished product to learn from

mistakes and identify good practices. Ensure the finished product is performing as specified

during the design phase.

25

Page 26: Project 2 Final Draft Thesis

3.3 Project Management

A cost benefit analysis is necessary to determine economic feasibility of the proposed system.

The primary objective of cost benefit analysis is to find out whether it is economically

worthwhile to invest in the project. If the return is good, then the project is considered

economically worthwhile. Cost benefit analysis should be done before preparing the proposed

system.

Cost benefit analysis is done for all the cost associated with the project. Conceptually, the cost of

the project represents all the items of layout associated with the project which are associated with

long term funds as well. It is sum of layout of the following:

Cost Cost per unit Quantity Total Cost

Software

Adobe Dreamweaver CS3 281.04 1 281.04

NuSphere PhpED 1249.20 1 1249.20

Windows Server 2003 452.83 1 452.83

Windows XP professional 218.61 4 874.44

Hardware

Central Computer 780.75 1 780.75

Client Machine 452.83 4 1811.32

Development

Analyst 1000 1 1000.00

Developer 400 2 400.00

Total Cost 6849.58

Cost benefit analysis table

3.4 Hardware and software specification

26

Page 27: Project 2 Final Draft Thesis

Before you install Adobe Dreamweaver CS3 and NuSphere PhpED, make sure that your

computer meets the minimum requirements. To run both aplications, you must have certain

hardware and software installed on your computer. The system requirements including

1. Operating System - Microsoft Windows 95 or later, or Microsoft Windows NT Workstation

4.0 (Service Pack 3 recommended) or later.

2. CPU - 486DX/66 MHz or higher processor (Pentium or higher processor recommended), or

any Alpha processor running Microsoft Windows NT Workstation.

3. Disk Drives - A CD-ROM disc drive.

4. Monitor - VGA or higher-resolution screen supported by Microsoft Windows.

5. Memory - 16 MB of RAM for Windows 95/98, 32 MB of RAM for Windows NT

Workstation.

6. Pointing Device - A mouse or other suitable pointing device.

3.5 Operation assumptions

The Online Car Rental System automates the basic database functions to aid in the day-to-day

operations of a system. It supports functions such as issue, return, the very basic functions of

searching for a particular records, etc. It also maintains data about rentals, user records that are

required during various library operations. The system aims to make the tasks user friendly and

efficient.

The functions that the online car rental system provides are as follows:

• INSERT: This operation is performed when new data needs to be added to the

system,

• DELETE: This operation clears the existing records in the various databases.

27

Page 28: Project 2 Final Draft Thesis

• UPDATE: This function updates data in the various records.

• SEARCH: This function is used to search particular data from the database.

• DISPLAY: This is used to display each and every record, i.e. record of every order in

The Car rental system.

• EXIT: This takes user out of the application.

CHAPTER 4

28

Page 29: Project 2 Final Draft Thesis

DESIGN

4.1 Introduction

In this design stage the development team will design the project according to user

satisfaction. In this design phase the user must understand the whole project by seeing the design

of the project. After the completion of the analysis stage the user must design the project

according to the collected requirements in the analysis stage. After the completion of the analysis

stage the user must continue with the design stage.

In this project the user must create the database to store the details of users, available cars,

and orders tables based upon collection of table requirements collected in the design stage. In

these tables, one field has been given as primary key in the design of tables because it won’t

allow the duplicate values of members or it won’t accept the same id number for different

members.

For rental orders table also one primary key has been allocated for neglecting the same values for

the field user id number and another table was created that is for storing the details of transaction

that has been carried out, in that database it doesn’t have any keys in that because it can contain

the details many users can take the book with same account number.

After creation of tables the user must design the project that is it can also represent the

design in the form of Data Flow Diagrams. In the Data Flow diagrams it contains the levels that

is it has to be represented in Level 0 DFD, Level 1 DFD, Level 2 DFD so that I can represent the

Data flow diagrams in that format up to number of DFD’s required in the project.

The user must design or draw the DFD diagrams based upon the project what it will do, what are

the operations that was carrying in the project it will represent the DFD diagrams in the one by

one operation that was carrying in the project.

The user must understand the project what are all the operations in the project that was

going to do or carrying out by seeing the DFD Diagrams. In that format the user must draw the

DFD diagram. The DFD diagram must contain all the details of the project.

29

Page 30: Project 2 Final Draft Thesis

4.2 System Design

Sequence Diagram

30

Online Car Rental User Registration Cars Orders

Page 31: Project 2 Final Draft Thesis

Use Case Diagram

Class Diagram

31

Page 32: Project 2 Final Draft Thesis

4.3 Database Design

The general theme behind a database is to handle information as an integrated whole. A database is a collection of interrelated data stored with minimum redundancy to serve many users quickly and effectively. After designing input and output, the analyst must concentrate on database design or how data should be organized around user requirements. The general objective is to make information access, easy quick, inexpensive and flexible for other users.

Field Name Data Type Size

ID AutoNumber Long Integer

Car model Text 50

Date Rented Date 50

Date Returned Date 50

Available cars table

Field Name Data Type Size

ID AutoNumber Long Integer

Car model Text 50

Date Rented Date 50

Date Returned Date 50

Unavailable cars table

32

Page 33: Project 2 Final Draft Thesis

Field Name Data Type Size

Id Autonumber Long Integer

Name Text Long Integer

Email Text Long Integer

Password Text Long Integer

Information Text Long Integer

User Registration Table

Field Name Data Type Size

Id Autonumber Long Integer

Name Text Long Integer

Email Text Long Integer

Password Text Long Integer

Information Text Long Integer

Admin Registration Table

Field Name Data Type Size

33

Page 34: Project 2 Final Draft Thesis

Id Autonumber Long Integer

Name Text Long Integer

Company Text Long Integer

Email Text Long Integer

Tel Number Long Integer

Fax Number Long Integer

Country of Origin Text

Pick Up Location Text

Another Location Text

Return Location Text

Rental Dates: DD/MM/YYYY Date

Pick-up time: HH:MM Date

Return Date: DD/MM/YYYY Date

Return time: HH:MM Date

Vehicle Model: Text

Inquiry: Text

Rental Information table

4.4 Interface Design

34

Page 35: Project 2 Final Draft Thesis

User interface design is the design of Online Car Rental System with the focus on the

user's experience and interaction. The goal of user interface design is to make the user's

interaction as simple and efficient as possible, in terms of accomplishing user-centered design.

Good user interface design facilitates finishing the task at hand without drawing unnecessary

attention to itself.. Graphic design is utilized to support its usability. The design process is

balanced technical functionality and visual elements to create the system that is not only

operational but also usable and adaptable to changing user needs.

4.4.1 Input Design

Input design is the process of converting user-oriented input to a computer based format.

Input design is a part of overall system design, which requires very careful attention .Often the

collection of input data is the most expensive part of the system. Three main objectives of the

input design is to produce cost effective method of input, to achieve highest possible level of

accuracy, and ensure that the input is acceptable to and understood by the staff.

The goal of designing input data is to make enter easy, logical and free from errors as

possible. The entering data entry operators need to know the allocated space for each field; field

sequence and which must match with that in the source document. The format in which the data

fields are entered should be given in the input form .Here data entry is online; it makes use of

processor that accepts commands and data from the operator through a key board. The input

required is analyzed by the processor. It is then accepted or rejected.

Outputs from computer systems are required primarily to communicate the results of

processing to users. They are also used to provide a permanent copy of these result for latter

consultation .Computer output is the most important and direct source of information to the users.

Designing computer output should proceed in an organized well throughout the manner. The

right output must be available for the people who find the system easy to use. The outputs have

been defined during the logical design stage. If not, they should defined at the beginning of the

output designing terms of types of output connect, format, response etc., Various types of outputs

are external outputs, Internal outputs, Operational outputs, Interactive outputs and turn around

35

Page 36: Project 2 Final Draft Thesis

outputs. All screens are informative and interactive in such a way that the user can full fill his

requirements through asking queries.

4.4.2 User Design Interface

Homepage

In this page, the user will be given the instructions on how to navigate the website. Under the title

“Please do the following first”, there are steps (step1-step6) that the user must follow in order to

make the navigation easier. Words which are associated with the car rental procedures are

hyperlinked and when clicked, the user will be redirected to the designated page. When the user

is done with the corresponding page, the user will notice the “Home” button at the top of the

page. There are other options available for the user such as Terms and Condition, Chat, Forums

and etc.

36

Page 37: Project 2 Final Draft Thesis

Admin Registration Page

To register and set up as an admin, fill in the prefered username and password, complete the information within the form.

User Registration Page

37

Page 38: Project 2 Final Draft Thesis

To register and set up a user, fill in the prefered username and password, complete the information within the form.

Logging as administrator

38

Page 39: Project 2 Final Draft Thesis

A user must be an administrator in order to access the admin unit. Upon successful login, a login successful message is displayed and the user will be redirected to the main page.

Logging as user

A user must be a registered member in order to access the certain types of the feature that are in the web sites such as car availability, unavailability and invoice. Upon successful login, a login successful message is displayed and the user will be redirected to the main page.

Mainland Fleet Cars for Rent Page

39

Page 40: Project 2 Final Draft Thesis

List of Mainland Fleet cars for rent, details and group classes of each car.

Langkawi Fleet Cars For Rent Page

40

Page 41: Project 2 Final Draft Thesis

List of Langkawi Fleet cars for rent, details and group classes of each car.

Self-Drive Rates Page

41

Page 42: Project 2 Final Draft Thesis

List of Self-Drive Rates which includes category, make & model and charges.

Renting and Reservation Locations Page

42

Page 43: Project 2 Final Draft Thesis

List of renting and reservation locations.

Available Cars Details Page

43

Page 44: Project 2 Final Draft Thesis

This feature allows the user and the admin to access the database where the source of all the car

availability information is displayed. The database will instantly provide a complete list of user with their

details. This feature enables the admin to add/edit/delete car details in the database to be updated.

Unavailable Car Details Page

This feature allows the user and the admin to access the database where the source of all the unavailable

car information is displayed. The database will instantly provide a complete list of unavailable car with

their details. This feature enables the admin to add/edit/delete car details in the database to be updated.

User registration Details Page

44

Page 45: Project 2 Final Draft Thesis

This feature allows the user and the admin to access the database where the source of all the user

registration information is displayed. The database will instantly provide a complete list of user

registration with their details. This feature enables the admin to add/edit/delete user details in the database

to be updated.

Admin Registration Details Page

This feature allows the admin to access the database where the source of all the admin registration

information is displayed. The database will instantly provide a complete list of admin registration with

their details. This feature enables the admin to add/edit/delete admin details in the database to be updated.

Invoice Details Page

45

Page 46: Project 2 Final Draft Thesis

This feature allows the admin to access the database where the source of all the issued invoice

information is displayed. The database will instantly provide a complete list of invoices with their

details. This feature enables the admin to add/edit/delete invoice details in the database to be

updated.

Rental form

46

Page 47: Project 2 Final Draft Thesis

Add your details, including an email address and other contact details. You must also agree to the site’s terms and conditions of use and our data protection policy – both of which are available from the registration page.

47

Page 48: Project 2 Final Draft Thesis

48

Page 49: Project 2 Final Draft Thesis

49

Page 50: Project 2 Final Draft Thesis

After the “submit” button is press upon the completion of filling the rental form, the copy of the rental form will be sent to the companies email ([email protected]).

50

Page 51: Project 2 Final Draft Thesis

CHAPTER 5

CODING

5.1 Introduction

PHP: Hypertext Preprocessor is a widely used, general-purpose scripting language that

was originally designed for web development to produce dynamic web pages. For this purpose,

PHP code is embedded into the HTML source document and interpreted by a web server with a

PHP processor module, which generates the web page document. As a general-purpose

programming language, PHP code is processed by an interpreter application in command-line

mode performing desired operating system operations and producing program output on its

standard output channel. It may also function as a graphical application. PHP is available as a

processor for most modern web servers and as a standalone interpreter on most operating systems

and computing platforms.

JavaScript is an implementation of the ECMAScript language standard and is primarily

used in the form of client-side JavaScript, implemented as part of a web browser in order to

provide enhanced user interfaces and dynamic websites. This enables programmatic access to

computational objects within a host environment. It can be characterized as a prototype-based

object-oriented scripting language that is dynamic, weakly typed and has first-class functions. It

is also considered a functional programming language like Scheme and OCaml because it has

closures and supports higher-order functions.

JavaScript's use in applications outside web pages for example in PDF-documents, site-

specific browsers and desktop widgets is also significant.JavaScript uses syntax influenced by

that of C. JavaScript copies many names and naming conventions from Java, but the two

languages are otherwise unrelated and have very different semantics. The key design principles

within JavaScript are taken from the Self and Scheme programming languages.

HTML, which stands for HyperText Markup Language, is the predominant markup

language for web pages. HTML is the basic building-blocks of webpages. A markup language is

51

Page 52: Project 2 Final Draft Thesis

a set of markup tags, and HTML uses markup tags to describe web pages.HTML is written in the

form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the

web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair

is the start tag, the second tag is the end tag (they are also called opening tags and closing tags).

The purpose of a web browser is to read HTML documents and compose them into visual

or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret

the content of the page. HTML elements form the building blocks of all websites. HTML allows

images and objects to be embedded and can be used to create interactive forms. It provides a

means to create structured documents by denoting structural semantics for text such as headings,

paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as

JavaScript which affect the behavior of HTML webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance

and layout of text and other material. The W3C, maintainer of both the HTML and the CSS

standards, encourages the use of CSS over explicitly presentational HTML markup.

XHTML (eXtensible HyperText Markup Language) is a family of XML markup

languages that mirror or extend versions of the widely used Hypertext Markup Language

(HTML), the language in which web pages are written. While HTML (prior to HTML5) was

defined as an application of Standard Generalized Markup Language (SGML), a very flexible

markup language framework, XHTML is an application of XML, a more restrictive subset of

SGML. Because XHTML documents need to be well-formed, they can be parsed using standard

XML parsers—unlike HTML, which requires a lenient HTML-specific parser. XHTML 1.0

became a World Wide Web Consortium (W3C) Recommendation on January 26, 2000. XHTML

1.1 became a W3C Recommendation on May 31, 2001. XHTML5 is undergoing development as

of September 2009, as part of the HTML5 specification.

52

Page 53: Project 2 Final Draft Thesis

5.2 Code for each function

For the purpose of this project only three units are included in the Library management

software. They are - Administration, Circulation and Technical unit. The top down design breaks

down the whole project into tasks, which are also broken into subtasks. This results into hierarchy

of tasks. The main can therefore be presented in a multilevel form:

Login Unit

Function Coding PSEUDOCODE

User login

$myusername=$_POST['myusername']; $mypassword=$_POST['mypassword'];

// To protect MySQL injection

$myusername = stripslashes($myusername);$mypassword = stripslashes($mypassword);$myusername = mysql_real_escape_string($myusername);$mypassword = mysql_real_escape_string($mypassword);

$sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'";$result=mysql_query($sql);

View total number of users

Obtain all records in tblUsers

Set count = 0

WHERE not EOF recordset

Count = count + 1

Loop

Admin

login

$myusername=$_POST['myusername'];

$mypassword=$_POST['mypassword'];

// To protect MySQL injection

$myusername = stripslashes($myusername);

$mypassword = stripslashes($mypassword);

$myusername =

mysql_real_escape_string($myusername);

$mypassword =

mysql_real_escape_string($mypassword);

$sql="SELECT * FROM $tbl_name WHERE

username='$myusername' and

password='$mypassword'";

View total number of admin

Obtain all records in tblUsers

Set count = 0

WHERE not EOF recordset

Count = count + 1

Loop

53

Page 54: Project 2 Final Draft Thesis

$result=mysql_query($sql);

Technical

Function Coding PSEUDOCODE

Send

Input

To

database

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript"

src="http://edge.quantserve.com/quant.js"></script>

<script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script>

<noscript><a

href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript>

SEND dataINTO tracking.js

Send to database

INSERT register INTO

tracking.js

54

Page 55: Project 2 Final Draft Thesis

Registration Unit

Function Coding PSEUDOCODE

Register

user

<script type="text/javascript">

var _yts = _yts || [];

_yts.push(["_siteId",

"8a4986cb2def55e5012df0c297b01719"]);

_yts.push(["_trackPageview"]);

(function() {

var yts =

document.createElement("script");

yts.type = "text/javascript";

yts.async = true;

yts.src =

"http://analytics.yola.net/tracking.js";

(document.getElementsByTagName("head")

[0] ||

document.getElementsByTagName("body")

[0]).appendChild(yts);

})();

</script><!-- Start Quantcast tag -->

<script type="text/javascript"

src="get-a-quote.php_files/quant.js"></script

>

<script

type="text/javascript">_qacct="p-

b8x17GqsQ_656";quantserve();</script>

<noscript>

<a href="http://www.quantcast.com/p-

b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-

Register Users

Obtain User information-

name, address, email, phone,

next of kin etc,

AddNew user INSERT

tblUser

55

Page 56: Project 2 Final Draft Thesis

b8x17GqsQ_656.gif" style="display: none;"

border="0" height="1" width="1"

alt="Quantcast"/></a>

</noscript>

Select

and

display

info.

<select id="yola_form_widget_I28_10"

name="10&lt;list&gt;">

<option

selected="selected" value="Penang Head

Office (Bayan Lepas)">Penang Head Office

(Bayan Lepas)</option>

<option

value="Penang Batu Ferringhi

Office">Penang Batu Ferringhi

Office</option>

<option

value="Penang Georgetown Rental

Counter">Penang Georgetown Rental

Counter</option>

<option

value="Penang International Airport">Penang

International Airport</option>

<option

value="KLIA - Arrival Hall Main Terminal

Building">KLIA - Arrival Hall Main

Terminal Building</option>

<option

value="KLIA - Covered Car Park">KLIA -

Covered Car Park</option>

<option

value="LCCT - Meet Confirmed

Display Inforfation

Get the id of record to return

FROM tblIssue

If record id = id then

SELECT returned

56

Page 57: Project 2 Final Draft Thesis

Reservations">LCCT - Meet Confirmed

Reservations</option>

<option

value="Langkawi Branch Office">Langkawi

Branch Office</option>

<option

value="Langkawi Airport - Meet Confirmed

Reservations">Langkawi Airport - Meet

Confirmed Reservations</option>

<option

value="Langkawi Jetty - Meet Confirmed

Reservations">Langkawi Jetty - Meet

Confirmed Reservations</option>

<option

value="The Datai, Langkawi">The Datai,

Langkawi</option>

<option

value="The Andaman, Langkawi">The

Andaman, Langkawi</option>

<option

value="Four Seasons, Langkawi">Four

Seasons, Langkawi</option>

</select>

CHAPTER 6

TESTING AND IMPLEMENTATION

6.1 Introduction

57

Page 58: Project 2 Final Draft Thesis

The Testing and implementation is actually concerned with the development of software.

It includes operations such as programming, testing and integration of modules into a more

progressively complete system. Acceptance generation test generates a set of test data, which can

be used to test the new system before accepting information technology. Acceptance testing

requires, as its input, acceptance test data generated in acceptance test generation and an

integrated system produced by implementation.

The code is tested at various levels in software testing. Unit, system and user acceptance

testing are often performed. This is a grey area as many different opinions exist as to what the

stages of testing are and how much if any iteration occurs. Iteration is not generally part of the

waterfall model, but usually some occur at this stage. In the testing the whole system is test one

by one

Modular and subsystem programming code will be accomplished during the

implementation stage. Unit testing is done in this stage by the developers. This stage is

intermingled with the next in that individual modules will need testing before integration to the

main project.

6.2 Testing

Testing is a process of executing a program with the intent of finding an error. A good test

case is one that has a high probability of finding an as-yet-undiscovered error. A successful test is

one that uncovers an as-yet-undiscovered error.

58

Page 59: Project 2 Final Draft Thesis

Once source code has been generated, software must be tested to uncover (and correct) as

many errors as possible before delivery to customer. Our goal is to design a series of test cases

that have a high likelihood of finding errors. To uncover the errors software techniques are used.

These techniques provide systematic guidance for designing test that exercise the internal logic of

software components, and exercise the input and output domains of the program to uncover errors

in program function, behavior and performance.

A strategy for system testing must accommodate low-level tests that are necessary to

verify that a small source code segment has been correctly implemented as well as high-level

tests that validate major system functions against customer requirements. The steps of the test

strategy occur at a time when deadline pressure begins to rise, progress must be measurable and

problems must surface as early as possible. Unit testing techniques are the strategy adopted

during this project testing.

Unit testing focuses verification effort on the smallest unit of software design- the

software component or module. The unit test is white-box oriented. The module interface is

tested to ensure that information properly flows into and of the program unit under test the local

data structure has been examined to ensure that data stored temporarily maintains its integrity

during all steps in an algorithms execution. Boundary conditions are tested to ensure that the

module operated properly at boundaries established to limit or restrict processing. All

independent paths through the control structure are exercised to ensure that all statements in a

module haven executed at least once.

Test Case ID Login

Test Case Description To interact with the system, CRS will validate its

registration with this system. It also defines the actions a

user can perform in CRS

Input Data Enter user name and password

59

Page 60: Project 2 Final Draft Thesis

Expected Result System transfer control to user main screen to proceed

further actions

Actual Result Actual Results match Expected Results

Pass/Fail pass

Remarks no

Test case login table

Test Case ID Register new user

Test Case Description To register applicants system will issue new user

Input Data User enters applicant code to register

Expected Result Application will become register user

Actual Result Actual Results match Expected Results

Pass/Fail pass

Remarks no

Test case register new user table

Test Case ID Make rental order

Test Case Description When the registered user is issued the rental, then the

process from the category can be entered into its record.

Input Data Additional login from the user is required

Expected Result System will mark this segment as rental

Actual Result Actual Results match Expected Results

Pass/Fail Pass

Remarks No

Test case make rental order table

Test Case ID Send Form

Test Case Description When a user is presses the submit button from the rental

form

Input Data Press the submit button at the bottom of the form

Expected Result System will Send to the users email account

60

Page 61: Project 2 Final Draft Thesis

Actual Result Actual Results match Expected Results

Pass/Fail Pass

Remarks No

Test case send form table

Test Case ID Inquiry user

Test Case Description Inquire any users exist in CRS; Administrator can view

information about the user.

Input Data User ID : Noradlirazman

Expected Result Administrator will get all information from user

Actual Result Actual Results match Expected Results

Pass/Fail Pass

Remarks No

Test case Inquiry user table

Test Case ID Inquiry Rental records

Test Case Description Get the rental records from the database

Input Data Admin ID: kifliman

Expected Result User will get all the information of records in CRS.

Actual Result Actual Results match Expected Results

Pass/Fail Pass

Remarks No

Test case inquiry rental records table

Test Case ID Search cars

Test Case Description Search makes it easy to search for cars on CRS.

With this search companion, user can specify several search

criteria.

Input Data User enter required information by Id, User Name and

password

61

Page 62: Project 2 Final Draft Thesis

Expected Result User can view his desire results

Actual Result Actual Results match Expected Results

Pass/Fail Pass

Remarks No

Test case search cars table

6.3 Implement

Implementation is the stage in the project where the theoretical design is turned into a

working system. The implementation phase constructs, installs and operates the new system. The

most crucial stage in achieving a new successful system is that it will work efficiently and

effectively. There are several activities involved while implementing a new project they are

End user Training:

The successful implementation of the new system will purely upon the involvement of the

officers working in that department. The officers will be imparted the necessary training on the

new technology.

End User Education:

The education of the end user start after the implementation and testing is over. When the

system is found to be more difficult to understand and complex, more effort is put to educate the

end used to make them aware of the system, giving them lectures about the new system and

providing them necessary documents and materials about how the system can do this.

Training of system:

After providing the necessary basic training on the computer awareness, the users will

have to be trained upon the new system such as the screen flows and screen design type of help

on the screen, type of errors while entering the data, the corresponding validation check at each

entry and the way to correct the data entered. It should then cover information needed by the

specific user or group to use the system.

62

Page 63: Project 2 Final Draft Thesis

Post Implementation View:

The department is planning a method to know the states of the past

implementation process. For that regular meeting will be arranged by the concerned officers

about the implementation problem and success

CHAPTER 7

CONCLUSION AND RECOMMENDATION

7.1 Introduction

63

Page 64: Project 2 Final Draft Thesis

Review of objectives ensures that everything is in place and that if the developer does not

reach the goals they cannot consider being achievable and reasonable. A developer may not be

able to achieve it for various reasons, including a lack of skill, not having enough resources

(computers, tools, etc.), not having access to key people and not having management support.

As the use of computers and other technologies continue to be used to enhance services

provided by a variety of industries, information providers, like car rentals, are also automating

resources. There are many benefits to automating the information available in car rental, both for

the staff and users alike. The limitations are needed to be concerned in order to avoid using

resource in the Online Car Rental System for future enhancement.

7.2 Review of Objectives

The software will be able to perform the following task such as get, store and manage

information from lessees/renters. This system allows adding members in the system. The user are

able to store at least the basic information attributes including Name, Address, Email, Sex, and

email can be an generated.

7.3 Advantages and disadvantages of Online Car Rental System

The only area where substantial manpower can be saved is the registration. The data

entered at the time of ordering can be used for cataloguing with some updating would eliminate

multiple card preparation and subsequent filing. Therefore it conserves space and saves

stationary.

When developing the Online Car Rental System, the developer emphasizes an easy-to-use

User Interface which is the key to sustain the system. With a simple UI, the administrator or user

don't have to rely on IT help to navigate and operate the functions found in the system.

64

Page 65: Project 2 Final Draft Thesis

The users can have simultaneous access to the same database containing the rental orders

and car availability. Automatically build and maintain fast access files for each database in order

to maximize retrieval speed.

By using the system, the user eliminates duplication of the work required to maintain

multiple databases. There is also less chance for error, because a material or patron record is only

entered once and any changes made to a record are automatically recorded throughout the system.

With the implementation of the system, more capacity storage enables to quickly process,

store, send and retrieve information is causing the current information delivery services to

flourish.

7.4 Limitations of Online Car Rental System

This project made me go through various ups and downs in the making of a project. I got

an idea about the problems encountered in the analysis, coding, debugging and testing. They have

tried to restrict these problems to a certain limit and have tried to make the project more users

friendly and easily accessible.

The developer of project try their best to make a powerful and effective package,

sometimes it get full success on its aim but mostly there is a possibility to left some limitation in

the package. This package is developed for managing a Online Car Rental System and it has

successfully runs on including points.

Only few points are not covered by this package due to the less time of working and such

points are out of knowledge of its developer, but the every parts are included in this project is

enough to efficiently use on the system.

Nevertheless, the user should benefit enormously from the automating management

processes of Online Car Rental System. Also, the probability of error should reduce significantly.

The time thus saved and instant access to key management information should help the user

allocates resources better and exercise better management of Library. The project makes a small

65

Page 66: Project 2 Final Draft Thesis

beginning with a small venture into the field of library. It will be our endeavors to pursue the

project further and develop newer application from it, offering an enhanced product.

7.5 Conclusion of the project

After we have completed the project we are sure the problems in the existing system

would overcome. The “Online Car Rental System” process made computerized to reduce human

errors and to increase the efficiency. The main focus of this project is to lessen human efforts.

The maintenance of the records is made efficient, as all the records are stored in the database,

through which data can be retrieved easily. The navigation control is provided in all the forms to

navigate through the large amount of records. The editing is also made simpler. The user has to

just type in the required field and press enter to update the desired field. Our main aim of the

project is to get the correct information about a particular customer and Admin available in the

database. The problems, which existed in the earlier system, have been removed to a large extent.

And it is expected that this project will go a long way in satisfying user’s requirements. The

computerization of the Online Car Rental System will not only improves the efficiency but

will also reduce human stress thereby indirectly improving human resources.

7.6 Future Enhancement

The Project development so far is still in its infant state and further enhancement can be

applied to it to make it to perform more processing related to other areas that have been covered

so far. Online Car Rental System has been designed to automate, manage and look after the

66

Page 67: Project 2 Final Draft Thesis

overall processing of even very large-scale libraries. This software is capable of Rental Order

Issues, Returns, generating various databases for record-keeping and according to end user

requirements. There are some crucial and vital issues of the trends of Online Car Rental System

in the present day. The software can be enhanced in lot many ways in future to make it more

scalable and flexible.

REFERENCES

Agarwal, R., Ghosh, B., Banerjee, S., & Kishore, S. (2000). Ensuring

WebSite Quality: A case study. (IEEE), 665-670.

67

Page 68: Project 2 Final Draft Thesis

Ambler, & William, S. (2004). The Object Primer: Agile Model Driven

Development with UML 2.: Cambridge University Press.

Andrews, T., Curbera, F., Dolakia, H., J. Goland, Klein, J., Leymann, F., et

al. (2003). Business Process Execution Language for Web Services.

Arch-int, S., & Batanovv, D. N. (2003). Development of industrial

information systems on the Web using business components. 50(Feb, 2),

231 – 250.

Atkinson, R. J. (1997). Toward a More Secure Internet. (IEEE Computer),

57-61.

Bemers-Lee, T. (1996). “WWW: Past, Present, and Future. (IEEE Software),

69-77.

B. C. Smith and E. L. Johnson, "Robust airline fleet assignment: Imposing

station purity using station decomposition," Transportation Science, vol.

40, no. 4, pp. 497-516,2006

Chris Wullems, Oscar Pozzobon, Kurt Kubik: (Trust your receiver)

Enhancing location security. GPS World, Oct 1, 2004

Chonoles, Jesse, M., & Schardt, J. A. (2003). UML 2 for Dummies.: Wiley

Publishing.

Coad, Peter, Lefebvre, E., & Luca, J. D. (1999). Java Modeling In Color

With UML: Enterprise Components and Process.: Prentice Hall.

Discoverahobby. (2009). Extreme Sports : Learn Go Kart Racing

[Electronic Version]. Retrieved 9/1/09 from

68

Page 69: Project 2 Final Draft Thesis

http://www.discoverahobby.com/learngo-karts.htm.

Fowler, & Martin. (2004). UML Distilled: A Brief Guide to the Standard

Object Modeling Language, : Addison-Wesley

Guo, Y., & Xu, Z. (2007). Risk Management of Car Rental Industry in

China. China: Xiamen University.

GPS technology retrieved on the 10/07/2009 from

http://www8.garmin.com/aboutGPS/

Hooijdonk, A.V. (2008) Passive/Real time GPS car tracking systems.

Retrieved on the Oct. 2008 from http://www.gps-practice-andfun.

com/gps-car-tracking.html

Jessa Liying Wang and Michael C. Loui University of Illinois at Urbana-

Champaign(2006)

Jeon, H.T. (2006). Car Management System Using Mobile Phones and The

Method Thereof. Retrieved on August 3, 2006 from

http://www.wipo.int/pctdb/en/wo.jsp?wo=2006080632

Khalaf, R., Mukhi, N., & Weeravarana., S. (2004). Service Oriented

Composition in BPEL4WS.

Questionare

Instructions: Answer as specified by the format. Put NA for non-applicable situation.

1. What are your expectations out of the new system (website based)? Rate the following on a scale of 1-4 giving a low value for low priority.

69

Page 70: Project 2 Final Draft Thesis

a) better cataloguingb) better managing of usersc) better account and rental managementd) computer awarenesse) any other _____________

2. How many users are you expecting?_____________________

3. How many cars are there for rental?____________________

4. How you want the cars to be categorized for searching (like by availability or unavailability) ?_______________________________________________________________

5. Is there any difference in the roles (privileges) of two members (user or admin) ?Yes\No Please specify if Yes________________________________________________________________________________________________________________________________

6. Do you want facility of register a car rental registration in advanceYes\No

7. Do you have data of car for rent entered into some kind of database ?Yes\No

8. How do you want users to be categorized?__________________ or__________________

9. Would you like online registration for users rather than printed form?Yes/No

10. Do you already have some existing categorization of cars for rent on the basis as specified in question 4 aboveYes/ No

70

Page 71: Project 2 Final Draft Thesis

Instruction: Answer as specified by the format. Put NA for non-applicable situation.

1. Are you willing to pay extra for the car rental company if it is fully computerized and eases finding ofcars for rent, etc.Yes\No___________________ ( if Yes, how much extra are you willing to pay)

2. What you feel should be necessary for cars for rental to be searched?( by availability, by unavailabilty, by model ,…. )____________________________________________________________________________

3. Are you keen on online registration instead of the normal paper one.Yes/No

4. How many car rental pakages do you feel should be issued to a single member?______________

5. What should be the maximum duration for the rental of certain car to a member?_______ Days.

6. Should there be a facility to reserve a car rental in advance?Yes/No

7. How often do you visit the car rental company? Choose One.a) dailyb) once in two daysc) weeklyd) bi-weeklye) monthly

8. Should there be a facility to reserve a car rental on phone?Yes/No

9. Should brochures and pamflets be included in the car rental company?Yes/No

10. Do you recommend this car rental company to your friends, relatives, or acquaintances?

71

Page 72: Project 2 Final Draft Thesis

Yes/No (if yes, to how many you recommended and out of them how many actually became the members)

Recommended :_____________ Became Members : _________________

Gant Chart

72

Page 73: Project 2 Final Draft Thesis

Home Page

73

Page 74: Project 2 Final Draft Thesis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto;

74

Page 75: Project 2 Final Draft Thesis

height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;

75

Page 76: Project 2 Final Draft Thesis

}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

76

Page 77: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

77

Page 78: Project 2 Final Draft Thesis

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="current_page_item first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div>

78

Page 79: Project 2 Final Draft Thesis

<div id="content"> <table style="width: 100%; padding: 0px; margin: 0px; border-collapse: collapse" class="layout_2-column">

<tr id="layout_row1"><td id="sys_region_1" width="50%" style="margin:0px;

padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_left" ><div id="I1" style="display:block;clear: both;" class="Text_Default"><div id="I1_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><h2 style="text-align: center;"><span style="font-family: Arial;">Welcome to our website! :)</span></h2></div></div><div id="I2" style="display:block;clear: both;" class="Text_Default"><div id="I2_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font size="4"><span style="font-weight: normal;"><span style="font-weight: bold;">"We offer a wide variety of cars for rent"<br></span></span></font></p></div></div><div id="I70" style="display:block;clear: both;height:400;text-align:left;" class="SmugMug_Default"><div style="padding:4px;height:400px;clear:both;">

<object align="middle" height="400" width="400" style="display:inline-block;"><param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-

2007090601.swf?AlbumID=7114527&transparent=true&crossFadeSpeed=500&clickUrl=http://gallery.camwheeler.com/Cars/Mitsubishi-Evo-X/7114527_zBnSb#456200580_fgtrT" />

<param name="wmode" value="transparent" /><param name="bgcolor" value="000000" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?

AlbumID=7114527&transparent=true&crossFadeSpeed=500&clickUrl=http://gallery.camwheeler.com/Cars/Mitsubishi-Evo-X/7114527_zBnSb#456200580_fgtrT" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="400" width="400" />

</object> </div></div></td>

<td><div style="font-size:0px; width:5px"></div></td><td id="sys_region_2" width="50%" style="margin:0px;

padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_right" ><div id="I173" style="display:block;clear: both;" class="Text_Default"><div id="I173_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font style="color: rgb(153, 0, 102); background-color: rgb(255, 255, 255);" size="5">Please Do The Following First!! :D</font> <br style="color: rgb(255, 51, 51);"><span></span></p></div></div><div id="I171" style="display:block;clear: both;margin:0 0 0 0;" class="Text_Default"><div id="I171_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font size="4"><span style="font-weight: normal; text-decoration: underline;">Step1:</span></font> <br style="font-weight: normal;"></p></div></div><div id="I156" style="display:block;clear: both;" class="Text_Default"><div id="I156_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/user-registration.php">User Register </a><br></p></div></div><div id="I158" style="display:block;clear: both;"

79

Page 80: Project 2 Final Draft Thesis

class="Text_Default"><div id="I158_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/admin-registration.php">Admin Register </a><br></p></div></div><div id="I172" style="display:block;clear: both;" class="Text_Default"><div id="I172_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font size="4"><span style="text-decoration: underline;">Step2:</span></font> <br></p></div></div><div id="I157" style="display:block;clear: both;" class="Text_Default"><div id="I157_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/user-login.php">User Login </a><br></p></div></div><div id="I159" style="display:block;clear: both;" class="Text_Default"><div id="I159_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/admin-login.php"><a href="http://noradlirazmancarrentallsdnbhd.yolasite.com/admin-login.php">Admin Login </a><br></a></p></div></div><div id="I174" style="display:block;clear: both;" class="Text_Default"><div id="I174_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font size="4"><span style="text-decoration: underline;">Step3:</span><br></font> </p></div></div><div id="I175" style="display:block;clear: both;" class="Text_Default"><div id="I175_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>Browse&gt; <a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/services.php">Main Fleet</a> or <a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/langkawi-fleet.php">Langkawi Fleet</a> , <a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/self-drive-rates.php">Self Drive Rates</a> and <a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/self-drive-rates.php">Locations</a><br></p></div></div><div id="I176" style="display:block;clear: both;" class="Text_Default"><div id="I176_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p><font size="4"><span style="text-decoration: underline;">Step4:</span></font> <br></p></div></div><div id="I178" style="display:block;clear: both;" class="Text_Default"><div id="I178_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>Check&gt;</p><p>User&gt;<span style="text-decoration: underline;"><br></span></p><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/for-user.php">Available Cars , Unavailable Cars </a><br></p><p>Admin&gt;<br></p><p><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/for-admin.php">Available Cars , Unavailable cars , User Registration , Admin Registration , Rental Information</a><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/for-admin.php"><br></a><span></span></p></div></div><div id="I191" style="display:block;clear: both;" class="Text_Default"><div id="I191_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>&nbsp;<font size="4"><span style="text-decoration: underline;">Step5:</span></font> </p></div></div><div id="I177" style="display:block;clear: both;" class="Text_Default"><div id="I177_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>Fill in&gt; <a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/get-a-quote.php">Rental Form </a><a href="http://noradlirazmancarrentalsdnbhd.yolasite.com/get-a-quote.php"><br></a></p></div></div><div id="I196" style="display:block;clear: both;" class="Text_Default"><div

80

Page 81: Project 2 Final Draft Thesis

id="I196_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>&nbsp;<font size="4"><span style="text-decoration: underline;">Step6:<br></span></font></p></div></div><div id="I197" style="display:block;clear: both;" class="Text_Default"><div id="I197_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>Wait for an email from us containing the invoice for your car rental order <br></p></div></div><div id="I198" style="display:block;clear: both;" class="Text_Default"><div id="I198_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p>&lt;Finish&gt;<br></p></div></div></td>

</tr></table></div>

</div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="current_page_item first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div>

81

Page 82: Project 2 Final Draft Thesis

</div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div>

82

Page 83: Project 2 Final Draft Thesis

</div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

83

Page 84: Project 2 Final Draft Thesis

</html>

User Registration

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

84

Page 85: Project 2 Final Draft Thesis

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat;

85

Page 86: Project 2 Final Draft Thesis

margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0;

86

Page 87: Project 2 Final Draft Thesis

width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these *div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

87

Page 88: Project 2 Final Draft Thesis

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li class="current_page_item"><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div>

88

Page 89: Project 2 Final Draft Thesis

<div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I146" style="display:block;clear: both;" class="Text_Default"><div id="I146_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">User Registration</font> <br></p></div></div><div id="I170" style="display:block;clear: both;text-align:center;" class="GoogleGadget_Default"><script src="http://www.gmodules.com/ig/ifr?url=http://www.formlogix.com/Gadgets/registartion_v2.xml&amp;up_url=http%3A%2F%2Fwww.formlogix.com%2FManager%2FAppPageGadget.aspx&amp;up_templateID=47&amp;up_language=ENG&amp;up_email=kifliman%40yahoo.com&amp;up_backcolor=AliceBlue&amp;synd=open&amp;w=300&amp;h=400&amp;title=User+Registration+Form&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li class="current_page_item"><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;">

89

Page 90: Project 2 Final Draft Thesis

<img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]-->

90

Page 91: Project 2 Final Draft Thesis

<div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

91

Page 92: Project 2 Final Draft Thesis

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

Admin Registration

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block;

92

Page 93: Project 2 Final Draft Thesis

width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left;

93

Page 94: Project 2 Final Draft Thesis

padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block;

94

Page 95: Project 2 Final Draft Thesis

float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif;

95

Page 96: Project 2 Final Draft Thesis

font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a

96

Page 97: Project 2 Final Draft Thesis

href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li class="current_page_item"><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I101" style="display:block;clear: both;" class="Text_Default"><div id="I101_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Admin Registration</font><br></p></div></div><div id="I169" style="display:block;clear: both;text-align:center;" class="GoogleGadget_Default"><script src="http://www.gmodules.com/ig/ifr?url=http://www.formlogix.com/Gadgets/registartion_v2.xml&amp;up_url=http%3A%2F%2Fwww.formlogix.com%2FManager%2FAppPageGadget.aspx&amp;up_templateID=47&amp;up_language=ENG&amp;up_email=kifliman%40yahoo.com&amp;up_backcolor=AliceBlue&amp;synd=open&amp;w=300&amp;h=400&amp;title=Admin+Registration+Form&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and

97

Page 98: Project 2 Final Draft Thesis

Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li class="current_page_item"><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;}

98

Page 99: Project 2 Final Draft Thesis

#sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

99

Page 100: Project 2 Final Draft Thesis

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

User Login

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left;

100

Page 101: Project 2 Final Draft Thesis

background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center;

101

Page 102: Project 2 Final Draft Thesis

line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

102

Page 103: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

103

Page 104: Project 2 Final Draft Thesis

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}

104

Page 105: Project 2 Final Draft Thesis

</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li class="current_page_item"><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I160" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I160_html"><html> <head> <title>User Logon</title> </head> <body> <h2>User Login </h2> <form name="login" method="post" action="login.php"> Username: <input type="text" name="username"><br> Password: <input type="password" name="password"><br> Remember Me: <input type="checkbox" name="rememberme" value="1"><br> <input type="button" name="submit" value="Login!" ONCLICK="window.location.href='http://noradlirazmancarrentallsdnbhd.yolasite.com/user-login.php'"> </form> </body>

105

Page 106: Project 2 Final Draft Thesis

</html>

</div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li class="current_page_item"><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;}

106

Page 107: Project 2 Final Draft Thesis

#sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span>

107

Page 108: Project 2 Final Draft Thesis

</div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

108

Page 109: Project 2 Final Draft Thesis

Admin Login

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0;

109

Page 110: Project 2 Final Draft Thesis

width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit;

110

Page 111: Project 2 Final Draft Thesis

height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

111

Page 112: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

112

Page 113: Project 2 Final Draft Thesis

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li class="current_page_item"><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div>

113

Page 114: Project 2 Final Draft Thesis

<div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I200" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I200_html"><html> <head> <title>Admin Login</title> </head> <body> <h2>Admin Login </h2> <form name="login" method="post" action="login.php"> Username: <input type="text" name="username"><br> Password: <input type="password" name="password"><br> Remember Me: <input type="checkbox" name="rememberme" value="1"><br> <input type="button" name="submit" value="Login!" ONCLICK="window.location.href='http://noradlirazmancarrentallsdnbhd.yolasite.com/admin-login.php'"> </form> </body> </html></div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li class="current_page_item"><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php"

114

Page 115: Project 2 Final Draft Thesis

title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;}

115

Page 116: Project 2 Final Draft Thesis

#sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript";

116

Page 117: Project 2 Final Draft Thesis

yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

For User

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;

117

Page 118: Project 2 Final Draft Thesis

}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}div.ys_wrap{ clear:both;

118

Page 119: Project 2 Final Draft Thesis

margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

119

Page 120: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

120

Page 121: Project 2 Final Draft Thesis

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About

121

Page 122: Project 2 Final Draft Thesis

us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li class="current_page_item"><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I180" style="display:block;clear: both;" class="Text_Default"><div id="I180_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Available Cars</font> <br></p></div></div><div id="I192" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I192_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117441" width="100%" height="300"></iframe></div></div><div id="I193" style="display:block;clear: both;" class="Text_Default"><div id="I193_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">&nbsp;Unavailable Cars</font><br></p></div></div><div id="I195" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I195_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117442" width="100%" height="300"></iframe></div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental

122

Page 123: Project 2 Final Draft Thesis

Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li class="current_page_item"><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

123

Page 124: Project 2 Final Draft Thesis

#sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){

124

Page 125: Project 2 Final Draft Thesis

document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

For Admin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9;

125

Page 126: Project 2 Final Draft Thesis

background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0;

126

Page 127: Project 2 Final Draft Thesis

width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

127

Page 128: Project 2 Final Draft Thesis

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;

128

Page 129: Project 2 Final Draft Thesis

}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}

129

Page 130: Project 2 Final Draft Thesis

h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="current_page_item last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I182" style="display:block;clear: both;" class="Text_Default"><div id="I182_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Available Cars</font> <br></p></div></div><div id="I181" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I181_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117424" width="100%" height="300"></iframe></div></div><div id="I184" style="display:block;clear: both;" class="Text_Default"><div id="I184_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Unavailable Cars</font> <br></p></div></div><div id="I185" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I185_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117434"

130

Page 131: Project 2 Final Draft Thesis

width="100%" height="300"></iframe></div></div><div id="I186" style="display:block;clear: both;" class="Text_Default"><div id="I186_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">User Registration</font> <br></p></div></div><div id="I188" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I188_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117433" width="100%" height="300"></iframe></div></div><div id="I189" style="display:block;clear: both;" class="Text_Default"><div id="I189_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Admin Registration</font> <br></p></div></div><div id="I190" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I190_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117432" width="100%" height="300"></iframe></div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="current_page_item last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a>

131

Page 132: Project 2 Final Draft Thesis

<div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message">

132

Page 133: Project 2 Final Draft Thesis

<p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script>

133

Page 134: Project 2 Final Draft Thesis

<noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

Rental Form

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;

134

Page 135: Project 2 Final Draft Thesis

}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\"";

135

Page 136: Project 2 Final Draft Thesis

voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

136

Page 137: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

137

Page 138: Project 2 Final Draft Thesis

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style><link rel="stylesheet" type="text/css" href="classes/components/Form/layouts/Default/Default.css" /></head><body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li class="current_page_item"><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php"

138

Page 139: Project 2 Final Draft Thesis

title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I28" style="display:block;clear: both;" class="Form_Default"><div class="sys_yola_form"> <h2>Rental Form:</h2> <form method='post' action='http://forms.yola.com/formservice/en_US/5dfdc361653143b5967c7d4baf2f9966/8a4986cb2def55e5012df0c297b01719/8a4986cb2def55e5012df0d78a1518b4/I28/'> <p class='form-paragraph'>Please fill in the form Below:</p> <input type='hidden' name='0<label>' value='Please fill in the form Below:' /> <p class='label'><label for='yola_form_widget_I28_1'>Name:</label></p> <input id='yola_form_widget_I28_1' class='text' name='1<text>' type='text' value='' /> <input type='hidden' name='1<label>' value='Name:' /> <p class='label'><label for='yola_form_widget_I28_2'>IC No:</label></p>

139

Page 140: Project 2 Final Draft Thesis

<input id='yola_form_widget_I28_2' class='text' name='2<text>' type='text' value='' /> <input type='hidden' name='2<label>' value='IC No:' /> <p class='label'>Gender:</p> <input class='radio' id='yola_form_widget_I28_3_0' type='radio' name='3<radio>' value='Male' /> <label for='yola_form_widget_I28_3_0'>Male</label> <br /> <input class='radio' id='yola_form_widget_I28_3_1' type='radio' name='3<radio>' value='Female' /> <label for='yola_form_widget_I28_3_1'>Female</label> <br /> <input type='hidden' name='3<label>' value='Gender:' /> <p class='label'>Purpose for Renting:</p> <input class='checkbox' id='yola_form_widget_I28_4_0' type='checkbox' name='4<checkbox>' value='Bussiness' /> <label for='yola_form_widget_I28_4_0'>Bussiness</label> <br /> <input class='checkbox' id='yola_form_widget_I28_4_1' type='checkbox' name='4<checkbox>' value='Liesure' /> <label for='yola_form_widget_I28_4_1'>Liesure</label> <br /> <input type='hidden' name='4<label>' value='Purpose for Renting:' /> <p class='label'><label for='yola_form_widget_I28_5'>Company:</label></p> <input id='yola_form_widget_I28_5' class='text' name='5<text>' type='text' value='' /> <input type='hidden' name='5<label>' value='Company:' /> <p class='label'><label for='yola_form_widget_I28_6'>Email:</label></p>

140

Page 141: Project 2 Final Draft Thesis

<input id='yola_form_widget_I28_6' class='text' name='6<text>' type='text' value='' /> <input type='hidden' name='6<label>' value='Email:' /> <p class='form-paragraph'>Please ensure email id is valid in order to get a quote. </p> <input type='hidden' name='7<label>' value='Please ensure email id is valid in order to get a quote. ' /> <p class='label'><label for='yola_form_widget_I28_8'>Tel:</label></p> <input id='yola_form_widget_I28_8' class='text' name='8<text>' type='text' value='' /> <input type='hidden' name='8<label>' value='Tel:' /> <p class='label'><label for='yola_form_widget_I28_9'>Fax:</label></p> <input id='yola_form_widget_I28_9' class='text' name='9<text>' type='text' value='' /> <input type='hidden' name='9<label>' value='Fax:' /> <p class='label'><label for='yola_form_widget_I28_10'>Country of Origin:</label></p> <input id='yola_form_widget_I28_10' class='text' name='10<text>' type='text' value='' /> <input type='hidden' name='10<label>' value='Country of Origin:' /> <p class='label'><label for='yola_form_widget_I28_11'>Pick Up Location:</label></p> <select id='yola_form_widget_I28_11' name='11<list>'> <option value='Penang Head Office (Bayan Lepas)'>Penang Head Office (Bayan Lepas)</option><br />

141

Page 142: Project 2 Final Draft Thesis

<option value='Penang Batu Ferringhi Office'>Penang Batu Ferringhi Office</option><br /> <option value='Penang Georgetown Rental Counter'>Penang Georgetown Rental Counter</option><br /> <option value='Penang International Airport'>Penang International Airport</option><br /> <option value='KLIA - Arrival Hall Main Terminal Building'>KLIA - Arrival Hall Main Terminal Building</option><br /> <option value='KLIA - Covered Car Park'>KLIA - Covered Car Park</option><br /> <option value='LCCT - Meet Confirmed Reservations'>LCCT - Meet Confirmed Reservations</option><br /> <option value='Langkawi Branch Office'>Langkawi Branch Office</option><br /> <option value='Langkawi Airport - Meet Confirmed Reservations'>Langkawi Airport - Meet Confirmed Reservations</option><br /> <option value='Langkawi Jetty - Meet Confirmed Reservations'>Langkawi Jetty - Meet Confirmed Reservations</option><br /> <option value='The Datai, Langkawi'>The Datai, Langkawi</option><br /> <option value='The Andaman, Langkawi'>The Andaman, Langkawi</option><br /> <option value='Four Seasons, Langkawi'>Four Seasons, Langkawi</option><br /> </select> <input type='hidden' name='11<label>' value='Pick Up Location:' /> <p class='label'><label for='yola_form_widget_I28_12'>Another Location? Pls specify. Advice flight arrival details if pick up at airport.</label></p> <textarea id='yola_form_widget_I28_12' name='12<textarea>'></textarea> <input type='hidden' name='12<label>' value='Another Location? Pls specify. Advice flight arrival details if pick up at airport.' /> <p class='label'><label for='yola_form_widget_I28_13'>Return Location: </label></p> <input id='yola_form_widget_I28_13' class='text' name='13<text>' type='text' value='' /> <input type='hidden' name='13<label>' value='Return Location: ' />

142

Page 143: Project 2 Final Draft Thesis

<p class='label'><label for='yola_form_widget_I28_14'>Required Rental Dates: DD/MM/YYYY</label></p> <input id='yola_form_widget_I28_14' class='text' name='14<text>' type='text' value='' /> <input type='hidden' name='14<label>' value='Required Rental Dates: DD/MM/YYYY' /> <p class='label'><label for='yola_form_widget_I28_15'>Pick-up time: HH:MM</label></p> <input id='yola_form_widget_I28_15' class='text' name='15<text>' type='text' value='' /> <input type='hidden' name='15<label>' value='Pick-up time: HH:MM' /> <p class='label'><label for='yola_form_widget_I28_16'>Return Date: DD/MM/YYYY</label></p> <input id='yola_form_widget_I28_16' class='text' name='16<text>' type='text' value='' /> <input type='hidden' name='16<label>' value='Return Date: DD/MM/YYYY' /> <p class='label'><label for='yola_form_widget_I28_17'>Return time: HH:MM</label></p> <input id='yola_form_widget_I28_17' class='text' name='17<text>' type='text' value='' /> <input type='hidden' name='17<label>' value='Return time: HH:MM' /> <p class='label'><label for='yola_form_widget_I28_18'>Vehicle Model:</label></p> <select id='yola_form_widget_I28_18' name='18<list>'> <option value='A - Proton Saga 1.3 M'>A - Proton Saga 1.3 M</option><br /> <option value='B - Proton Saga 1.3 A'>B - Proton Saga 1.3 A</option><br />

143

Page 144: Project 2 Final Draft Thesis

<option value='C - Perodua Myvi 1.3 M'>C - Perodua Myvi 1.3 M</option><br /> <option value='D - Perodua Myvi 1.3 A'>D - Perodua Myvi 1.3 A</option><br /> <option value='E - Proton Wira 1.5 A'>E - Proton Wira 1.5 A</option><br /> <option value='F - Proton Persona 1.6 A'>F - Proton Persona 1.6 A</option><br /> <option value='G - Toyota Vios 1.5 A'>G - Toyota Vios 1.5 A</option><br /> <option value='I - Toyota Camry 2.0 A'>I - Toyota Camry 2.0 A</option><br /> <option value='J - Honda Accord 2.4 A'>J - Honda Accord 2.4 A</option><br /> <option value='WC - Toyota Hilux 2.5 Turbo M (5 Seater)'>WC - Toyota Hilux 2.5 Turbo M (5 Seater)</option><br /> <option value='VA - Proton Exora 1.6A (7 seater)'>VA - Proton Exora 1.6A (7 seater)</option><br /> <option value='VB - Toyota Innova 2.0 A (7 Seater)'>VB - Toyota Innova 2.0 A (7 Seater)</option><br /> <option value='VC - Nissan Serena Comfort 2.0 A (7 Seater)'>VC - Nissan Serena Comfort 2.0 A (7 Seater)</option><br /> <option value='VD - Toyota Hiace 3.0 Diesel M (10 Seater)'>VD - Toyota Hiace 3.0 Diesel M (10 Seater)</option><br /> </select> <input type='hidden' name='18<label>' value='Vehicle Model:' /> <p class='label'><label for='yola_form_widget_I28_19'>Enquiry: </label></p> <textarea id='yola_form_widget_I28_19' name='19<textarea>'></textarea> <input type='hidden' name='19<label>' value='Enquiry: ' /> <p class='form-paragraph'>GPS ( Navigator available for rent ) Not available for Langkawi </p> <input type='hidden' name='20<label>' value='GPS ( Navigator available for rent ) Not available for Langkawi ' /> <p class='form-paragraph'>Click to enter text</p>

144

Page 145: Project 2 Final Draft Thesis

<input type='hidden' name='21<label>' value='Click to enter text' /> <p class='form-paragraph'>Note: Vehicle models are subject to availability and may vary by location, Kasina reserves the right to substitute a similar vehicle. </p> <input type='hidden' name='22<label>' value='Note: Vehicle models are subject to availability and may vary by location, Kasina reserves the right to substitute a similar vehicle. ' /> <input type='hidden' name='redirect' value='http://noradlirazmancarrentalsdnbhd.yolasite.com/get-a-quote.php?formI28Posted=true' /> <input type='hidden' name='redirect_fail' value='http://noradlirazmancarrentalsdnbhd.yolasite.com/get-a-quote.php?formI28PostFailed=true' /> <input type='hidden' name='form_name' value='Rental Form:' /> <input type='hidden' name='site_name' value='Noradlirazman Car Rental Sdn. Bhd.' /> <input type='hidden' name='destination' value='H660JeNvYdeVk4IqdyYCq43Eok1N9Cqrz1jZy8pokOThmA==:EQsj4CpoYESmKzoT6a05YScouyOPtu1N89Xg4ULenJk=' /> <p><input class='submit' type="submit" value="Submit" /></p> </form>

</div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap"> <table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li class="current_page_item"><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php"

145

Page 146: Project 2 Final Draft Thesis

title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;} #sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}

146

Page 147: Project 2 Final Draft Thesis

</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block"; w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

147

Page 148: Project 2 Final Draft Thesis

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

Invoice

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Noradlirazman Car Rental Sdn. Bhd.</title><meta name="description" content="" /><meta name="keywords" content="" /><style type="text/css">

body{ margin:0; padding:15px 0 0 0; text-align:center; background-color:#f6f5e9; background-image: url(templates/Victoria/resources/top_bg.jpg); background-repeat:repeat-x; background-position:top left; background-attachment:;

148

Page 149: Project 2 Final Draft Thesis

}

div.ys_menu{ width:866px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 0;}

div.ys_menu ul{ list-style-type:none; display:block; width: auto; margin:auto; padding:0;}

div.ys_menu ul li{ display:inline;}

div.ys_menu ul a:link, div.ys_menu ul a:visited{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_menu ul a:hover{ display:block; float:left; padding:4px 11px 0 26px; margin:0; width: auto; height:18px; text-align:center; line-height:18px;

149

Page 150: Project 2 Final Draft Thesis

text-decoration:none; color:#fff; background:url(templates/Victoria/resources/menu_icon_hover.png) no-repeat left; _behavior: url(templates/Victoria/resources/iepngfix.htc);}

div.ys_wrap{ clear:both; margin:1px auto 40px auto; background:#fff; text-align:left; padding:10px; width:846px; voice-family: "\"}\""; voice-family:inherit; width:866px;}

div#sys_banner{ background: url(templates/Victoria/resources/illustr.jpg) top right no-repeat; margin:0 0 10px 0; padding:1px 0; height:130px; voice-family: "\"}\""; voice-family:inherit; height:128px;}

div#sys_banner h1{ padding:0; margin:50px 0 0 40px;}

div.ys_heading h1 a{ color:#3e1817; text-decoration:none;}

div.ys_heading h1 a:hover{ color:#3e1817;}

div.ys_foot td{ vertical-align:top;}

150

Page 151: Project 2 Final Draft Thesis

div.ys_foot td.ys_foot_menu{ padding:10px 0 0 0;}

div.ys_foot td.ys_foot_menu ul{ margin:0; padding:0 15px 0 15px; list-style:none;}

div.ys_foot td.ys_foot_menu ul li{ display:block; float:left;}

div.ys_foot td.ys_foot_menu ul li a{ color:#999; display:block; float:left; padding:3px 8px 3px 8px; margin:0; width: auto; height:18px; text-align:center; text-decoration:none; line-height:18px;}

div.ys_foot td.ys_foot_menu ul li a:hover{ text-decoration:underline;}

div.ys_foot{ background:#333333; color:#ccc; text-align:center; padding:0 0 20px 0;}

div.ys_foot_wrap{ width:886px; margin:0 auto;}

/* Content CSS */

151

Page 152: Project 2 Final Draft Thesis

/* Variables - only edit these */

div#content{ line-height:1.8em;}

body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222;}

a{ color:#990000; text-decoration:underline;}

a:hover{ text-decoration:none; color:#990000}

a img{border:none;}

p{ margin: 0; padding: 5px 0;}

h1, h2, h3, h4, h5, h6{ color: #6a0000; margin: 5px 0; padding: 10px 0; line-height:22px;}

h1{font-size: 200%;}h2{font-size: 180%;}h3{font-size: 160%;}h4{font-size: 140%;}h5{font-size: 130%;}h6{font-size: 100%;}</style></head>

152

Page 153: Project 2 Final Draft Thesis

<body id="sys_background"> <div class="ys_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li class="current_page_item"><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul><div style="clear:both;font-size:0;height:10px;"></div></div> <div class="ys_wrap"> <div id="sys_banner"> <div class="ys_heading"><h1><a id="sys_heading" href="./">Noradlirazman Car Rental Sdn. Bhd.</a></h1></div> </div> <div id="content"> <div style="width: 100%; padding: 0px; margin: 0px" class="layout_1-column"> <div id="layout_row1"><div id="sys_region_1" style="margin:0px; padding:5px; vertical-align:top; line-height:normal; min-width:100px" class="zone_top" ><div id="I78" style="display:block;clear: both;" class="Text_Default"><div id="I78_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;"><font size="6">Invoice</font> <br></p></div></div><div id="I76" style="display:block;clear: both;text-align:left;" class="HTML_Default"><div id="I76_html"><iframe src="http://numsum.com/spreadsheet/show_plain/117641" width="100%" height="300"></iframe></div></div><div id="I79" style="display:block;clear: both;" class="Text_Default"><div id="I79_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><p style="text-align: center;">Powered By <a href="http://numsum.com/people/view/kifliman">http://numsum.com/ </a><br></p></div></div></div> </div> </div></div> </div> <div class="ys_foot"> <div class="ys_foot_wrap">

153

Page 154: Project 2 Final Draft Thesis

<table cellpadding="0" cellspacing="0" style="width:886px;"> <tr> <td class="ys_foot_menu"><ul id="sys_navigation" class="sys_navigation"><li class="first"><a href="./" title="Home">Home</a></li><li><a href="services.php" title="Mainland Fleet">Mainland Fleet</a></li><li><a href="langkawi-fleet.php" title="Langkawi Fleet">Langkawi Fleet</a></li><li><a href="self-drive-rates.php" title="Self Drive Rates">Self Drive Rates</a></li><li><a href="locations.php" title="Locations">Locations</a></li><li><a href="get-a-quote.php" title="Rental Form">Rental Form</a></li><li class="current_page_item"><a href="invoice.php" title="Invoice">Invoice</a></li><li><a href="terms-and-conditions.php" title="Terms and Conditions">Terms and Conditions</a></li><li><a href="about-us.php" title="About us">About us</a></li><li><a href="contact-us.php" title="Contact us">Contact us</a></li><li><a href="forum-and-chat.php" title="Forum and Chat">Chat</a></li><li><a href="forums.php" title="Forums">Forums</a></li><li><a href="tools.php" title="Tools">Tools</a></li><li><a href="testimonials.php" title="Testimonials">Testimonials</a></li><li><a href="for-sale.php" title="For Sale">For Sale</a></li><li><a href="links.php" title="Links">Links</a></li><li><a href="user-registration.php" title="User Registration">User Registration</a></li><li><a href="admin-registration.php" title="Admin Registration">AdminRegistration</a></li><li><a href="user-login.php" title="User Login">User Login</a></li><li><a href="admin-login.php" title="Admin Login">Admin Login</a></li><li><a href="for-user.php" title="For User">For User</a></li><li class="last"><a href="for-admin.php" title="For Admin">For Admin</a></li></ul></td> <td style="width:125px;"> <a title="free templates" href="http://csscreme.com/freecsstemplates/" style="display:block;width:125px;"> <img border="0" title="free templates" alt="free templates" src="templates/Victoria/resources/csscreme_link.jpg" /> </a> <div style="display:none;"><div id='sys_footer' class='sys_footer'>Designed by <a href='http://www.csscreme.com/' target='_blank'>CSSCreme</a></div></div> </td> </tr> </table> </div> </div> <style type="text/css"> #sys_yolacredit_wrap{text-align:center;} #sys_yolacredit{text-align:center;line-height:1.2em;margin:1em auto;font-family:Arial;position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png) top right no-repeat;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:13px 73px 15px 17px;color:#222;font-size:18px;display:inline-block;} #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} #sys_yolacredit p a{color:#222;text-decoration:none;} #sys_yolacredit p a:hover{text-decoration:underline;}

154

Page 155: Project 2 Final Draft Thesis

#sys_yolacredit_message{display:none;color:red;padding:20px 20px 20px 110px;background:url(classes/commons/yola_footer/png/sprites.png) 20px center no-repeat;position:absolute;top:0;right:0;z-index:1;} #sys_yolacredit_message_wrap{display:none;position:absolute;top:0;right:0;padding-bottom:25px;background:url(classes/commons/yola_footer/png/sprites.png) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{font-size:13px;opacity:.8;filter: alpha(opacity = 80);background:#797979;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} #sys_yolacredit_message p{width:260px;padding:5px 0;margin:0;text-align:left;color:#fff;font-size:13px;background:transparent;position:relative;} #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;width:65px;height:37px;float:right;text-decoration:none;color:"#fff";} #sys_yolacredit a.yola:hover;{text-decoration:none;} #sys_yolacredit a.yola span{display:none;}</style><!--[if lte IE 6]> <style type="text/css"> #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif) top right no-repeat;} #sys_yolacredit_message{background:url(classes/commons/yola_footer/gif/sprites.gif) 20px center no-repeat;} #sys_yolacredit_message_wrap{background:url(classes/commons/yola_footer/gif/sprites.gif) bottom left no-repeat;} #sys_yolacredit_message_wrap_inner{filter: alpha(opacity = 100);} </style><![endif]--><div id="sys_yolacredit_wrap"> <span id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> <div id="sys_yolacredit_message"> <p>This free website was made using Yola.</p> <p>No HTML skills required. Build your website in minutes.</p> <p>Go to www.yola.com and sign up today!</p> </div> <div id="sys_yolacredit_message_wrap"> <div id="sys_yolacredit_message_wrap_inner"></div> </div> <p>Make a <a href="http://www.yola.com/">free website</a> with <a class="yola" href="http://www.yola.com/"><span>Yola</span></a></p> </span></div><script type="text/javascript"> document.getElementById("sys_yolacredit").onmouseover = function(){ var m = document.getElementById("sys_yolacredit_message"), w = document.getElementById("sys_yolacredit_message_wrap"), n = document.getElementById("sys_yolacredit_message_wrap_inner"); m.style.display = "block";

155

Page 156: Project 2 Final Draft Thesis

w.style.display = "block"; m.style.top = (m.offsetHeight * -1 - 15) + "px"; w.style.top = m.style.top; m.style.right = (m.offsetWidth * -1 + 78) + "px"; w.style.right = m.style.right; n.style.width = m.offsetWidth + "px"; n.style.height = m.offsetHeight + "px"; }; document.getElementById("sys_yolacredit").onmouseout = function(){ document.getElementById("sys_yolacredit_message").style.display = "none"; document.getElementById("sys_yolacredit_message_wrap").style.display = "none"; };</script>

<script type="text/javascript"> var _yts = _yts || []; _yts.push(["_siteId", "8a4986cb2def55e5012df0c297b01719"]); _yts.push(["_trackPageview"]);

(function() { var yts = document.createElement("script"); yts.type = "text/javascript"; yts.async = true; yts.src = "http://analytics.yola.net/tracking.js"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); })();

</script><!-- Start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-b8x17GqsQ_656";quantserve();</script><noscript><a href="http://www.quantcast.com/p-b8x17GqsQ_656" target="_blank"><img

src="http://pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>

</noscript><!-- End Quantcast tag --></body>

</html>

Noradlirazman Car Rental Sdn. Bhd.

156

Page 157: Project 2 Final Draft Thesis

Website User Manual

http://noradlirazmancarrentalsdnbhd.yolasite.com/

Homepage

In this page, the user will be given the instructions on how to navigate the website. Under the title

“Please do the following first”, there are steps (step1-step6) that the user must follow in order to

make the navigation easier. Words which are associated with the car rental procedures are

hyperlinked and when clicked, the user will be redirected to the designated page. When the user

is done with the corresponding page, the user will notice the “Home” button at the top of the

page. There are other options available for the user such as Terms and Condition, Chat, Forums

and etc.

Admin Registration Page

157

Page 158: Project 2 Final Draft Thesis

To register and set up as an admin, fill in the prefered username and password, complete the information within the form.

User Registration Page

158

Page 159: Project 2 Final Draft Thesis

To register and set up a user, fill in the prefered username and password, complete the information within the form.

Logging as administrator

159

Page 160: Project 2 Final Draft Thesis

A user must be an administrator in order to access the admin unit. Upon successful login, a login successful message is displayed and the user will be redirected to the main page.

Logging as user

A user must be a registered member in order to access the certain types of the feature that are in the web sites such as car availability, unavailability and invoice. Upon successful login, a login successful message is displayed and the user will be redirected to the main page.

Mainland Fleet Cars for Rent Page

160

Page 161: Project 2 Final Draft Thesis

List of Mainland Fleet cars for rent, details and group classes of each car.

Langkawi Fleet Cars For Rent Page

161

Page 162: Project 2 Final Draft Thesis

List of Langkawi Fleet cars for rent, details and group classes of each car.

Self-Drive Rates Page

162

Page 163: Project 2 Final Draft Thesis

List of Self-Drive Rates which includes category, make & model and charges.

Renting and Reservation Locations Page

163

Page 164: Project 2 Final Draft Thesis

List of renting and reservation locations.

164

Page 165: Project 2 Final Draft Thesis

Available Cars Details Page

This feature allows the user and the admin to access the database where the source of all the car

availability information is displayed. The database will instantly provide a complete list of user with their

details. This feature enables the admin to add/edit/delete car details in the database to be updated.

Unavailable Car Details Page

This feature allows the user and the admin to access the database where the source of all the unavailable car information is displayed. The database will instantly provide a complete list of unavailable car with their details. This feature enables the admin to add/edit/delete car details in the database to be updated.

165

Page 166: Project 2 Final Draft Thesis

User registration Details Page

This feature allows the user and the admin to access the database where the source of all the user registration information is displayed. The database will instantly provide a complete list of user registration with their details. This feature enables the admin to add/edit/delete user details in the database to be updated.

Admin Registration Details Page

This feature allows the admin to access the database where the source of all the admin registration information is displayed. The database will instantly provide a complete list of admin registration with their details. This feature enables the admin to add/edit/delete admin details in the database to be updated.

166

Page 167: Project 2 Final Draft Thesis

Invoice Details Page

This feature allows the admin to access the database where the source of all the issued invoice

information is displayed. The database will instantly provide a complete list of invoices with their

details. This feature enables the admin to add/edit/delete invoice details in the database to be

updated.

167

Page 168: Project 2 Final Draft Thesis

Rental form

Add your details, including an email address and other contact details. You must also agree to the site’s terms and conditions of use and our data protection policy – both of which are available from the registration page.

168

Page 169: Project 2 Final Draft Thesis

169

Page 170: Project 2 Final Draft Thesis

170

Page 171: Project 2 Final Draft Thesis

After the “submit” button is press upon the completion of filling the rental form, the copy of the rental form will be sent to the companies email ([email protected]).

171