You are on page 1of 75

ONLINE WEDDING EVENTS MANAGEMENT

SYSTEM

TRW (Report)

Submitted by:
Names

Enrolment

Seat number

MARYAM MUKHTIAR

2013/COMP/ BCSE/15432

1315497

SEHRISH REHMAN

2013/COMP/BCSE/15484

1315548

28th October, 2013

Department of Computer Science and Information Technology

Jinnah University For Women


5-C Nazimabad, Karachi 74600

Abstract
Preparing for weddings is always tedious, especially when it does not involve hired help. Long
checklists await soon-to-be brides and grooms before their auspicious wedding ceremony.
Without experienced assistance, these brides and grooms face frustrating situations in hunting for
suitable bridal products and services. This work presents an ideal one stop solution, called the
Online Wedding Events Management System, for the users to retrieve information on available
wedding events services in the shortest possible time. This web based wedding planning system
provides a platform for peoples to acquire information about wedding events, as well as
information of services which are needed throughout the events and make wedding reservations
online with the simple click of a mouse. Thus, the long and tedious task of information gathering
has been shortened and made more convenient. Most importantly, this Wedding Event
Management system also functions as a web based comparative analysis decision support system
that allows the brides and grooms to subscribe to a service that will assist them in the process of
wedding planning and preparations. The system assists users in making decisions based on their
preferences and budget while taking in updated and current market pricings for their desired
bridal products and services.

TABLE OF CONTENTS
ABSTRACT I
TABLE OF CONTENTS.
...............................II
LIST OF FIGURES...
.IV
ACKNOWLEDGEMENT.
.................................V
CHAPTER 1:
INTRODUCTION.........1
1.1

PROJECT OVERVIEW...............................................................................1

1.2

PURPOSE...................................................................................................1

1.3

MEANING OF EVENT MANGEMENT........1

1.3.1 Meaning of the word Event 1


1.3.1.1 Event in terms of cultural and social life......2

ii

1.3.1.2 Event in terms of science........2


1.3.1.3 Programming...........2
1.3.1.4 Common Usage........2
1.3.2 Meaning of the word Management......2
1.4 AIMS AND OBJECTIVES..................3
1.5

SCOPE...3

1.6 VISION STATEMENT........3


1.7

FEATURES.......4

CHAPTER 2: TOOLS &


TECHNOLOGY.5
2.1 TECHNOLOGIES.....5
2.1.1 HTML.5
2.1.2 CSS..5
2.1.3 MS-WORD.5
CHAPTER 3:

SYSTEM ANALYSIS....7

CHAPTER 4:

SYSTEM DESIGN.8

4.1

DFD Diagram8

4.2

Flow Chart ................................................................................................8

4.3

User Case Diagram...9

CHAPTER 5:

IMPLEMENTAION....10

5.1 Title Page..10


5.2 Inquiry Form11
5.3 Wedding Details Form ....12
5.4 Our Services Form...13

ii

5.5 Online Booking ........14


5.6 Online Payment15
5.7 Menu Selection Form ......16
5.8 Service Cancellation Form......17
5.9 Wedding Feedback Form.....18
APPENDIX...19

ii

LIST OF FIGURES
Figure 5. 1...............................................................................................................................10
Figure 5. 2...............................................................................................................................11
Figure 5. 3...............................................................................................................................12
Figure 5. 4...............................................................................................................................13
Figure 5. 5...............................................................................................................................14
Figure 5. 6...............................................................................................................................15
Figure 5. 7...............................................................................................................................16
Figure 5. 8...............................................................................................................................17
Figure 5. 9...............................................................................................................................18

iv

iv

Acknowledgement
Apart from the efforts of us, the success of any project depends largely on the encouragement
and guidelines of many others. We take this opportunity to express our gratitude to the people
who have been instrumental in the successful completion of this project. We are grateful to our
project guide, Miss HINA QAISAR KHAN for the guidance, inspiration and constructive
suggestions that helpful to us in the preparation of this project. The guidance and support
received from all the members who contributed and who are contributing to this project, was
vital for the success of the project.
We also thank our colleagues who have helped in successful completion of the project.
MARYAM MUKHTIAR
&
SEHRISH REHMAN

Chapter # 01 Introduction

Chapter # 01
INTRODUCTION
1.1 Project Overview
Online Wedding Event Management System (OWEMS) is an online website developed for the
users those who are interested in making their wedding events special. It is a best solution for
those people who wants to provide their guests with the very best look of their special events
through this website. This website enables you to make your events more special, different,
comfortable and eden. The goal of online wedding events management system is to provide the
best services for users throughout the wedding events and providing other facilities of wedding
decorations for the area such as Table decorations, Stage decorations , guests sitting
arrangements, Entrance decorations etc .
This website is specially designed to help people to make their wedding decorations in an easily
accessible way .This website provides the ease to the users and affordable costs of services for
their wedding events .Website provides complete comfortable package to the users to choose
their payment plan, wedding services, menu selections, online booking and much more.

1.2 Purpose
This HTML website provide guidance for the users to make their events look better, to utilize
space, to make their wedding area comfortable, to make events traditional, cultural and stylish.

1.3 Meaning of Event Management


1.3.1 MEANING OF THE WORD EVENT
The use of unconventional media / method involving people witnessing a happening within a
capsule of time, for the purpose of communication of a message.
An event is a live multimedia package carried out with preconceived concept, customized or
modified to achieve the clients objectives of reaching out and suitably influencing the sharply

Chapter # 01 Introduction

defined, specially gathered target audience by providing at complete experience and an avenue
for two way interaction.

Chapter # 01 Introduction

1.3.1.1 Event in terms of Cultural and social life


In cultural and social life, an event refers to a social gathering or activity, such as:

A festival, for example a musical festival

A ceremony, for example a marriage

A party, for example a birthday party

1.3.1.2 Event in terms of science


In science, an event is something that takes place at a particular place and time. Specifically,
event may refer to:

Phenomenon, something observable at a given time

A point in space time, a concept of the theory of relativity

Event (particle physics), a set of elementary particle interactions

Event (probability theory), a possible outcome of an experiment

Extinction event, when a large number of biological species die out in a relatively short
period of time

1.3.1.3 Programming
In programming, an event is a software message that indicates something has happened, such as
a keystroke or mouse click.

1.3.1.4 Common usage


In common usage, an event (as opposed to a special event) has a connotation of an occurrence
which is more common than a phenomenon (due perhaps to the difference between a two
syllable word and a four syllable word). Thus, in common usage, a keystroke is an event, where
the Big Bang might be connoted a phenomenon (a special event which denotes the beginning of
the universe). For example, portal: current events denotes events rather than phenomena.

Chapter # 01 Introduction

1.3.2 MEANING OF THE WORD MANAGEMENT


The term "management" characterizes the process of and the personnel leading and directing
all or part of an organization through the deployment and manipulation of resources (human,
financial, material, intellectual or intangible).
According to the Oxford English Dictionary, the word "manage" comes from the Italian
maneggiare (to handle). Management has to do with power by position, whereas leadership
involves power by influence.

1.4 Aims And Objectives


Aims and Objectives of management operates through various functions, often classified as
planning, organizing, leading/motivating and controlling.

Planning: Deciding what has to happen in the events and generating plans for action.

Organizing: Making optimum use of the resources required to enable the successful
carrying out of plans for the users.

Leading/Motivating: Exhibiting skills in these areas for getting others to play an


effective part in achieving plans.

Controlling: Monitoring checking progress against plans, which may need


modification based on feedback.

Staffing: Appointing skill and unskilled workers, and efficient personnel.

1.5 Scope
Online Wedding Events Management System is very easy process of hiring any event planner in
21st century. As people are more interested in modern weddings but in cultural way and our
services are going to give them everything in same plattform and also according to their
requirements and needs in cultural, modern and stylish way . Everyday we have heard about new
trends of decoration themes etc in wedding events so we have tried to provide best of our
services. Rather than going on long journeys in seek of wedding planners and to discuss events

Chapter # 01 Introduction

with them which is too much time taken, so, in this online system users will feel it easy to
discuss online within one click without wasting their precious time. It contributes a lot
by providing quick & fast services of managing wedding events (formal & informal both) to the users of
21st century.

1.6 Vision Statement


Being the best at managing the events that makes your events special.

1.7 Features
Online wedding events management system provides different kind of services and is divided
into many parts.In OWEMS there are many options to give large amount of information for wedding
events.

Provides online detailed information about the website and everything related to wedding
events,services,etc

Online booking for wedding events

Online selection of services for the wedding events

Online menu selection for wedding events

Online payment options in easy accessible way

Online inquiry from managing director

Online cancellation of any kind of selected service at any time before the 3 days f events

Online option of giving feedback about wedding events after the work is done

Chapter # 02 Tools and Technology

Chapter # 02
TOOLS AND TECHNOLOGY
2.1 Technologies
Following are the tools and technologies that are used in this website.
1. Html
2. CSS
3. MS-Word

2.1.1 HTML
Hyper Text Markup Language (HTML) is the main markup language for creating web
pages and other information that can be displayed in a web browser. We have made the
whole website in html including layout and all tags.

Chapter # 02 Tools and Technology

2.1.2 CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation semantics (the look and formatting) of a document written in a markup
language. Its most common application is to style web pages written in HTML. We have
used CSS forms and layout styling.

2.1.3 MS-Word
MS-Word stands for Microsoft Word. It is Microsoft's flagship word processing software.
It was first released in 1983 under the name Multi-Tool Word for Xenix systems.
Microsoft Word (often called Word) is a graphical word processing program that users
can type with. It is made by the computer company Microsoft. The purpose of the MS
Word is to allow the users to type and save documents.
Similar to other word processors, it has helpful tools to make documents paper. Some of
the important tools are a spelling & grammar checker, word count (this also counts letters
and lines), and the newer version includes speech recognition (a technology that lets users
control their computers by speaking to it, or telling it what to write). Also, like with other

Chapter # 02 Tools and Technology

programs, with this program one can make attractive documents, insert pictures in
documents, make web pages, graphs etc. Also you can create tables. Also, it displays
synonyms (similar words) of words and can read out the text. It also can print in different
ways.

Chapter # 03 System Analysis

Chapter # 03
SYSTEM ANALYSIS
System analysis is a logical process; the objective of this stage is not actually to solve the
problem but to determine what must be done to solve the problem. The basic objective of the
analysis stage is to develop the logical model of the system using tools.
Online wedding events management system provides the information and services to the
customers and fulfills their requirements and needs.
Events management system maintains the goal for the successful wedding events of the
customer. The detail of customer includes their id, name, cell phone number, address, branch
address and customer email.
Every user wants different and a unique ideas for wedding events and wants to make their
wedding events special and memorable. They have to submit their personal information related
to security concerns such as name, surname, address, email, personal phone number etc.
Our online event management system also stores the feedback from the users and our customers
after the successful end of their wedding events in the form of name, address, time and date of
ceremony, who attended the ceremony ,name of photographer (so we can credit them),phone
number, message from the user that how we have given them services did they like it or not etc.
Our system also maintains the ease for customers in the selection of payment method.
The interface is very user-friendly. The data of users is well protected for personal use and our
system gives quick and fast services.

Chapter # 04 System Design

Chapter # 04
SYSTEM DESIGN
4.1 Data Flow Diagram
The functional model consists of multiple data flow diagrams which specify the meaning of operations &
constraints. A DFD shows the functional relationships of the values computed by a system
including input, output & internal data stores. A data flow diagram is a graph showing the flow
of data from the sources in object through processes that transform the information to the related
destinations in other objects.

4.1.1 Context level DFD:


Customer

Searching

Booking

Services

Payment

4.2 Flow Chart


EVENT
MANAGEMENT

Flower
Decorations

DECORATION

Chapter # 04 System Design

Stage
Decorations

MENU
OUR SERVICES

Halls
Decorations

HOME
ONLINE
BOOKING
ONLINE
PAYMENT
INQUIRY FORM
Service
Cancelation
Form

4.3 User Case Diagram


The purpose of use case is to present a graphical overview of the functionality provide
by a system in a terms of actors. Their goals represented as use cases.
Title Page

Wedding Events

Decoration
Menu Selection

Our Services

Online Booking

Online Payment

Chapter # 04 System Design

Inquiry Form
Service
Cancellation

Wedding Details

Wedding feedback

Chapter # 05 Implementation

10

Chapter # 05 Implementation

Chapter # 05
IMPLEMENTATION
5.1 Website title page

Figure 5. 1

10

Chapter # 05 Implementation

5.2 Online inquiry form

11

Chapter # 05 Implementation

Figure 5. 2

11

Chapter # 05 Implementation

5.3 Wedding details form

Figure 5. 3

12

Chapter # 05 Implementation

5.4 Our services form

Figure 5. 4

13

Chapter # 05 Implementation

5.5 Online booking form

Figure 5. 5

14

Chapter # 05 Implementation

5.6 Online payment form

Figure 5. 6

15

Chapter # 05 Implementation

5.7 Online menu selection form

Figure 5. 7

16

Chapter # 05 Implementation

5.8 Online service cancellation form

17

Chapter # 05 Implementation

Figure 5. 8

17

Chapter # 05 Implementation

18

Chapter # 05 Implementation

5.9 Wedding feedback form

Figure 5. 9

18

Appendix

APPENDIX
Coding of Figure 5.1
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>WEDDING
DECORATION IDEAS</u></h1></center>
<br>

19

Appendix

<p><align"center"><style="font-size: 15; font-family:cursive; pink: black"> Wedding decoration is a


very exciting activity and it becomes more exciting when the wedding ceremony is to be celebrated on
some outdoor location other than homes like hotels , halls like locations. Wedding decoration should be
done by keeping the nature of the place, weather and timings of the wedding ceremony in time.
Here are some useful ideas regarding wedding decoration activities. To decorate the wedding place,
decoration pieces play an important role. Here are some ideas about decoration. Hope you will like it.
</style></align></p>
<br>
<table>
<thead>
<th>
FLOWER DECORATION
</th>
<th>
STAGE DECORATION
</th>
<th>
CANDLE DECORATION
</th>
</thead>
<tr>
<td><a href="https://www.google.com.pk/url?
sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&docid=JiehpaIXosiGXM&tbnid=-Ms4a7APDhTyM:&ved=&url=http%3A%2F%2Fwww.theknot.com%2Fweddings%2Fphoto%2Frosereception-decor67435&ei=mDxpUqmgF6ON0wWdvoDgBg&bvm=bv.55123115,d.bGE&psig=AFQjCNEb6ZTptFtfgyz
BGq6Bla2qlzxZSg&ust=1382712023837878">
<img src="http://www.xoedge.com/ImageStage/Objects/0003/0067435/Image475x475.jpg" border="0"
width="430" height="350" align="left"/></a></td>
<td><a href="https://www.google.com.pk/url?
sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&docid=X9Hky3ETHIbXjM&tbnid=yyfWcAxhk
H2ASM:&ved=0CAUQjRw&url=http%3A%2F%2Ftheweddinghouse.info%2Fwedding-receptiondecorations
%2F&ei=J15pUqm8C8em0QWRm4CoBw&bvm=bv.55123115,d.bGE&psig=AFQjCNFChJtzwlIN_G7v
03bSnEn1q_rYeQ&ust=1382722385443178">
<img src="http://theweddinghouse.info/wp-content/uploads/2013/10/wedding-reception-decorations.jpg"
border="0" width="450" height="350"></a></td>
<td><a href="https://www.google.com.pk/url?
sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&docid=zjJo7tsr-TeFwM&tbnid=2QNlwwBpU5-PM:&ved=0CAUQjRw&url=http%3A%2F%2Fwww.giftsflorist2000.com%2Fwedding
%2Fcenterpieces_flowers.htm&ei=9j1pUpSzKMO30QXn_4DAAg&bvm=bv.55123115,d.bGE&psig=AF
QjCNEb6ZTptFtfgyzBGq6Bla2qlzxZSg&ust=1382712023837878">
<img src="http://www.giftsflorist2000.com/wedding/images/certerpieces_flowers12.jpg" border="0"
width="430" height="350" align="right"/></a></td>
</tr>
</table>

20

Appendix

</body>
</html>

Coding of figure 5.2


<!DOCTYPE html>
<html>
<head>
<title>Inquiry Form</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE"><u>INQUIRY FORM</u></h1></center>
<center>
<br>

21

Appendix

<div id="container" style="background-color:white;height:430px;width:370px;text-align:center;">


<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0" border="0px
">
<thead>
<br>
<div class="entry">
<div class="wpcf7" id="wpcf7-f1-p31-o1">
<form action="/blog/?page_id=31#wpcf7-f1-p31-o1" method="post" class="wpcf7-form">
<div style="display: none;"><input type="hidden" name="_wpcf7" value="1" /><input type="hidden"
name="_wpcf7_version" value="1.8.0.3" /><input type="hidden" name="_wpcf7_unit_tag"
value="wpcf7-f1-p31-o1" /></div>
<p>Your Name (required)<br />
<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value=""
class="wpcf7-validates-as-required" size="40" /></span> </p>
<p>Your Email (required)<br />
<span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value=""
class="wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /></span> </p>
<p>Subject<br />
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value=""
size="40" /></span> </p>
<p>Your Message<br />
<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40"
rows="10"></textarea></span> </p>
<p><input type="submit" value="Send" /> <img class="ajax-loader" style="visibility: hidden;" alt="ajax
loader" src="http://www.myweddingreport.com/blog/wp-content/plugins/contact-form-7/images/ajaxloader.gif" /></p>
</form>
<div class="wpcf7-response-output"></div>
</div>
<p class="addtoany_share_save_container">
<a class="a2a_dd addtoany_share_save" onmouseover="a2a_show_dropdown(this)"
onmouseout="a2a_onMouseOut_delay()" href="http://www.addtoany.com/share_save?sitename=My
%20Wedding%20Report&amp;siteurl=http%3A%2F%2Fwww.myweddingreport.com%2Fblog
%2F&amp;linkname=Contact&amp;linkurl=http%3A%2F%2Fwww.myweddingreport.com%2Fblog%2F
%3Fpage_id%3D31"><img src="http://www.myweddingreport.com/blog/wp-content/plugins/add-toany/share_save_120_16.gif" width="120" height="16" alt="Share/Save/Bookmark"/></a></p>
</div>
</div>
</center>
</body>
</html>

22

Appendix

Coding of figure 5.3


<!DOCTYPE html>
<html>
<head>
<title>Wedding Details</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>WEDDING
DETAILS</u></h1></center>
<center>
<div class="clear"></div>
<p>

23

Chapter # 06 Appendix

<div id="container" style="background-color:white;height:300px;width:400px;text-align:center;">


<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0"
border="0px >

24

Appendix

<br>
<select name="OptionId" id="OptionId" tabindex="12"><option value="44">Ceremony &
Meal</option><option value="43">Ceremony Only - Sat/Sun</option><option value="47">Ceremony,
Meal & Accommodation</option><option value="48">Wedding Offer 1 (395.00) MonFri</option><option value="49">Wedding Offer 2 (245.00) Any Day</option><option
value="50">Wedding Offer 3 (150.00) Mon-Fri</option></select>
</p>
<div class="left">
<p>
<label for="CeremonyDate">Wedding Date:</label>
<input type="text" name="CeremonyDate" id="CeremonyDate" value="" tabindex="13"
title="dd/mm/yyyy" />
</p>
</div>
<div class="right">
<p>
<label for="WeddingTimeId">Ceremony Time:</label>
<select name="CeremonyTime" id="CeremonyTime" tabindex="14"><option value="65">Select
Preferred Time</option><option value="51">8.30am Ceremony only</option><option
value="52">10.00am Ceremony only</option><option value="53">11.30am Ceremony + 1.00pm
meal</option><option value="54">1.00pm Ceremony + 2.30pm meal</option><option
value="55">2.30pm Ceremony + 4.00pm meal</option><option value="56">4.00pm Ceremony +
5.30pm meal</option><option value="57">5.30pm Ceremony only</option><option
value="58">7.00pm Ceremony only</option><option value="59">8.30pm Ceremony
only</option></select>
</p>
</div>
<div class="clear"></div>
<p class="title">Guest Numbers:</p>
<p>
<label for="MaxGuests">Max Guests <span class="weeTinyText">(Including Bride &amp;
Groom)</span></label>
<input type="text" name="MaxGuests" id="MaxGuests" value="" tabindex="15" />
</p>
<center><input class="button" type="submit" value="Submit"/></center>
</center>
</body>
</html>

Coding of figure 5.4


<!DOCTYPE html>
<html>

24

Chapter # 06 Appendix

<head>
<title>Our Services</title>
</head>
<body style="background-color:pink">

25

Appendix

<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
<td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>OUR
SERVICES</u></h1></center>
<br>
<center>
<div id="container" style="background-color:white;height:200px;width:800px;text-align:center;">
<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0" border="0px
">
<thead>
<tr>
<hr>

25

Chapter # 06 Appendix
<th class="weeTinyText" width="55%" id="th0">Service</th>
<th class="weeTinyText centerText" width="16%" id="th1">Please book for us</th>
<th class="weeTinyText centerText" width="16%" id="th2">We'll book ourselves</th>
<th class="weeTinyText centerText" width="16%" id="th3">Not required</th>
</tr>

26

Appendix

</thead>
</hr>
<tbody>
<tr valign="center">
<th id="th4">Photographer</th>
<td class="centerText" headers="th1 th4">
<input type="radio" name="Service_61" value="1" />
</td>
<td class="centerText" headers="th2 th4">
<input type="radio" name="Service_61" value="0" />
</td>
<td class="centerText" headers="th3 th4">
<input type="radio" checked="checked" name="Service_61" value="" />
</td>
</tr>
<tr valign="center">
<th id="th5">Piper</th>
<td class="centerText" headers="th1 th5">
<input type="radio" name="Service_62" value="1" />
</td>
<td class="centerText" headers="th2 th5">
<input type="radio" name="Service_62" value="0" />
</td>
<td class="centerText" headers="th3 th5">
<input type="radio" checked="checked" name="Service_62" value="" />
</td>
</tr>
<tr valign="top">
<th id="th6">Florist</th>
<td class="centerText" headers="th1 th6">
<input type="radio" name="Service_63" value="1" />
</td>
<td class="centerText" headers="th2 th6">
<input type="radio" name="Service_63" value="0" />
</td>
<td class="centerText" headers="th3 th6">
<input type="radio" checked="checked" name="Service_63" value="" />
</td>
</tr>
<tr valign="top">
<th id="th7">Stylist/beautician</th>

26

Chapter # 06 Appendix

<td class="centerText" headers="th1 th7">


<input type="radio" name="Service_64" value="1" />
</td>
<td class="centerText" headers="th2 th7">
<input type="radio" name="Service_64" value="0" />
</td>

27

Appendix

<td class="centerText" headers="th3 th7">


<input type="radio" checked="checked" name="Service_64" value="" />
</td>
</tr>
<tr valign="top">
<th id="th8">Dress Designer</th>
<td class="centerText" headers="th1 th8">
<input type="radio" name="Service_65" value="1" />
</td>
<td class="centerText" headers="th2 th8">
<input type="radio" name="Service_65" value="0" />
</td>
<td class="centerText" headers="th3 th8">
<input type="radio" checked="checked" name="Service_65" value="" />
</td>
<tr valign="top">
<th id="th9">DJ</th>
<td class="centerText" headers="th1 th9">
<input type="radio" name="Service_66" value="1" />
</td>
<td class="centerText" headers="th2 th9">
<input type="radio" name="Service_66" value="0" />
</td>
<td class="centerText" headers="th3 th9">
<input type="radio" checked="checked" name="Service_66" value="" />
</td>
</tbody>
</div>
</table>
</form>
</center>
</body>
</html>

Coding of figure 5.5


<!DOCTYPE html>
<html>
<head>
<title>Online Booking</title>

27

Chapter # 06 Appendix

</head>
<body style="background-color:pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>

28

Appendix

<td align= "center" bgcolor= "FF3366" >


<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Themes.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Themes</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>ONLINE BOOKING
</u></h1></center>
<center>
<div id="container" style="background-color:white;height:550px;width:400px;text-align:center;">
<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0" border="0px
">
<br>
<div class="left">
<p>
<label for="BrideSurname">Bride Surname:</label>
<input type="text" name="BrideSurname" id="BrideSurname" value="" tabindex="1" />
</p>

28

Chapter # 06 Appendix

<p>
<label for="BrideForename">Bride Name:</label>
<input type="text" name="BrideForename" id="BrideForename" value="" tabindex="2" />
</p>
</div>
<div class="right">
<p>

29

Appendix

<label for="GroomSurname">Groom Surname:</label>


<input type="text" name="GroomSurname" id="GroomSurname" value="" tabindex="3" />
</p>
<p>
<label for="GroomForename">Groom Name:</label>
<input type="text" name="GroomForename" id="GroomForename" value="" tabindex="4" />
</p>
</div>
<div class="clear"></div>
<div class="left">
<p>
<label for="Name">Name:</label>
<input type="text" name="ContactName" id="ContactName" value="" tabindex="5" />
</p>
<p>
<label for="Address">Address:</label>
<textarea name="Address" id="Address" rows="5" cols="40" tabindex="6"></textarea>
</p>
<p>
<label for="Postcode">Postcode:</label>
<input type="text" name="Postcode" id="Postcode" value="" tabindex="7" maxlength="10" />
</p>
</div>
<div class="right">
<p>
<label>Telephone Numbers:</label>
<input type="text" name="Tel1" id="Tel1" value="" tabindex="8" title="Daytime phone number"
class="hints" />
<input type="text" name="Tel2" id="Tel2" value="" tabindex="9" title="Evening phone number"
class="hints" />
<input type="text" name="Tel3" id="Tel3" value="" tabindex="10" title="Mobile number"
class="hints" />
</p>
<p>
<label for="Email">E-Mail:</label>
<input type="text" name="Email" id="Email" value="" tabindex="11" title="Email Address"
class="hints" />
</p>
</div>

29

Chapter # 06 Appendix
<center><input class="button" type="submit" value="Submit"/></center>
</center>
</div>
</div>
</body>
</html>

30

Chapter # 6 Appendix

Coding of figure 5.6


<!DOCTYPE html>
<html>
<head>
<title>Menu Selection</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">

30

Appendix

<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=


"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>

30

Chapter # 06 Appendix

</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>MENU
SELECTION</u></h1></center>
<center>
<div id="MENU" style="background-color:white;height:710px;width:800px;float:center;">
<br>
<form action="">
<input type="checkbox" name="vehicle" value="Bike"><strong>Menu 1 </strong>
<p> This includes a Two course meal of your choice (Starters & main or Main Course & Dessert) </p>

31

<input type="checkbox" name="menu" value="2"><strong>Menu 2 </strong>


<p>This includes a <strong><em>Three</em></strong> course meal of your choice
All menu packages include a range of Canapes upon arrival & fresh bread roll & butter Choice of two
Menu items from the following list for each course, Please note those meals are served 50/50 alternatively
only the bridal party will be given a choice of preference when it comes to service.<br>
<h3><strong>Starters:</strong></h3>
<input type="checkbox" name="vehicle" value="Bike">Chicken Drumsticks <br>
<input type="checkbox" name="vehicle" value="Bike">Fried Fish <br>
<input type="checkbox" name="vehicle" value="Bike">Seekh Kabab <br>
<input type="checkbox" name="vehicle" value="Bike">Roast Chicken Steamed<br>
<input type="checkbox" name="vehicle" value="Bike">Spring Roll <br>
<h3><strong>Main Course:</strong></h3>
<p>All Main Meals served with Seasonal Vegetables & Garlic Roast Potatoes </p>
<input type="checkbox" name="vehicle" value="Bike">Chicken Biryani<br>
<input type="checkbox" name="vehicle" value="Bike">Meat Pilau<br>
<input type="checkbox" name="vehicle" value="Bike">Egg Fried Rice<br>
<input type="checkbox" name="vehicle" value="Bike">Chicken Daigi<br>
<h3><strong>Desserts:</strong></h3>
<input type="checkbox" name="vehicle" value="Bike">Gajar Halwa <br>
<input type="checkbox" name="vehicle" value="Bike">Rasmalai<br>
<input type="checkbox" name="vehicle" value="Bike">Kheer<br>
<input type="checkbox" name="vehicle" value="Bike">Choice of ice cream<br>
<center><input class="button" type="submit" value="Submit"/></center>
</form>
</center>
</body>
</html>

31

Appendix

Coding of figure 5.7


<!DOCTYPE html>
<html>
<head>
<fielset>
<form>
<title>Online Payment</title>
</head>

31

Appendix

<body style="background-color: pink">


<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center><h1 style="color:black; font-family: AR DESTINE; font-size: 120"><u>ONLINE
PAYMENT</u></h1></center>
<center>
<div id="container" style="background-color:white;height:620px;width:500px;text-align:center;">
<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0" border="0px
">
<tr bgcolor="#E5E5E5">
<td height="22" colspan="3" align="left" valign="middle"><strong>&nbsp;Billing Information
(required)</strong></td>
</tr>
<tr>
<td height="22" width="180" align="right" valign="middle">First Name:</td>
<td colspan="2" align="left">
<input name="firstName" type="text" size="50"></td>

32

Appendix

</tr>
<tr>
<td height="22" align="right" valign="middle">Last Name:</td>
<td colspan="2" align="left">
<input name="lastName" type="text" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Company (optional):</td>
<td colspan="2" align="left">
<input name="company" type="text" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Street Address:</td>
<td colspan="2" align="left">
<input name="address1" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Street Address (2):</td>
<td colspan="2" align="left">
<input name="address2" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">City:</td>
<td colspan="2" align="left">
<input name="city" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">State/Province:</td>
<td colspan="2" align="left">
<input name="state" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Zip/Postal Code:</td>
<td colspan="2" align="left">
<input name="zip" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Country:</td>
<td colspan="2" align="left">
<input name="country" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Phone:</td>
<td colspan="2" align="left">
<input name="phone" type="text" value="" size="50"></td>
</tr>
<tr>

33

Appendix

<td height="22" colspan="3" align="left" valign="middle">&nbsp;</td>


</tr>
<tr bgcolor="#E5E5E5">
<td height="22" colspan="3" align="left" valign="middle"><strong>&nbsp;Credit Card
(required)</strong></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Credit Card Number:</td>
<td colspan="2" align="left"><input name="CCNo" type="text" value="" size="19" maxlength="40">
</td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Expiry Date:</td>
<td colspan="2" align="left">
<SELECT NAME="CCExpiresMonth" >
<OPTION VALUE="" SELECTED>--Month-<OPTION VALUE="01">January (01)
<OPTION VALUE="02">February (02)
<OPTION VALUE="03">March (03)
<OPTION VALUE="04">April (04)
<OPTION VALUE="05">May (05)
<OPTION VALUE="06">June (06)
<OPTION VALUE="07">July (07)
<OPTION VALUE="08">August (08)
<OPTION VALUE="09">September (09)
<OPTION VALUE="10">October (10)
<OPTION VALUE="11">November (11)
<OPTION VALUE="12">December (12)
</SELECT> /0
<SELECT NAME="CCExpiresYear">
<OPTION VALUE="" SELECTED>--Year-<OPTION VALUE="04">2004
<OPTION VALUE="05">2005
<OPTION VALUE="06">2006
<OPTION VALUE="07">2007
<OPTION VALUE="08">2008
<OPTION VALUE="09">2009
<OPTION VALUE="10">2010
<OPTION VALUE="11">2011
<OPTION VALUE="12">2012
<OPTION VALUE="13">2013
<OPTION VALUE="14">2014
<OPTION VALUE="15">2015
</SELECT>
</td>
</tr>
<tr>

34

Appendix

<td height="22" colspan="3" align="left" valign="middle"><!--DWLayoutEmptyCell-->&nbsp;</td>


</tr>
<tr bgcolor="#E5E5E5">
<td height="22" colspan="3" align="left" valign="middle"><strong>&nbsp;Additional
Information</strong></td>
</tr>
<tr>
<td height="22" align="right" valign="middle">Contact Email:</td>
<td colspan="2" align="left">
<input name="contactEmail" type="text" value="" size="50"></td>
</tr>
<tr>
<td height="22" colspan="3" align="left" valign="middle"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height="22" align="right" valign="top">Special Notes:</td>
<td colspan="2" align="left"><textarea name="notes" cols="45" rows="4"></textarea>
</td>
</tr>
</div>
</table>
<p>
<input name="Submit" type="submit" value="Send Secure Form &gt;&gt;">
</p>
</form>
</center>

Coding of figure 5.8


<!DOCTYPE html>
<html>
<head>
<title>Service Cancellation</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7"
border= "1px">
<tr>
<td align= "center" bgcolor= "FF3366" >
<a href="Event Management.html" target="_self"><b><font color= "black" size=
"3" face= "gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black"
size= "3" face= "gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">

35

Appendix
<a href="our services.html" target="_self"><b><font color= "black" size= "3"
face= "gallery">Our Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3"
face= "gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3"
face= "gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Inquiry Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3"
face= "gallery">Contact Us</font></b></a>
</td>
</tr>
</table>
<center>
<div id="container" style="backgroundcolor:white;height:940px;width:1000px;text-align:center;">
<table summary="Services" width="75%" cellspacing="0" bgcolor:"white"
cellpadding="0" border="0px ">
<form id="form45" name="form45" class="wufoo page1" autocomplete="off"
enctype="multipart/form-data" method="post" novalidate
action="https://gallery.wufoo.com/embed/r7u9ts90816t80/def/embedKey=r7u9ts9081
6t80564191&amp;entsource=&amp;referrer=http
%3Awuslashwuslashwww.wufoo.comwuslashgallerywuslashtemplateswuslashonlineorderswuslashnewspaper-subscriptionwuslash#public">
<header id="header" class="info">
<h2><u>Service Cancellation</u></h2>
<div>We're sorry to see you go and are interested in learning more about why
you decided to cancel your service. Your responses will be kept confidential
and will not be used for any purpose other than research conducted by our
company.</div>
</header>
<ul>
<li id="fo45li202" class="notranslate
">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title202" class="desc">
<br>How long had you been using the service?
</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title202" class="desc">
How long had you been using the service?
</label>
<![endif]-->
<div>
<input id="radioDefault_202" name="Field202" type="hidden" value="" />
<span>
<input id="Field202_0" name="Field202" type="radio" class="field radio"
value="Less than a month" tabindex="1" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field202_0" >
Less than a month</label>

35

Appendix
</span>
<span>
<input id="Field202_1" name="Field202" type="radio" class="field radio"
value="1-6 months" tabindex="2" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field202_1" >
1-6 months</label>
</span>
<span>
<input id="Field202_2" name="Field202" type="radio" class="field radio"
value="1-3 years" tabindex="3" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field202_2" >
1-3 years</label>
</span>
<span>
<input id="Field202_3" name="Field202" type="radio" class="field radio"
value="Over 3 Years" tabindex="4" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field202_3" >
Over 3 Years</label>
</span>
<span>
<input id="Field202_4" name="Field202" type="radio" class="field radio"
value="Never used" tabindex="5" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field202_4" >
Never used</label>
</span>
</div>
</fieldset>
</li>
<li id="fo45li208" class="notranslate
">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title208" class="desc">
Overall, how satisfied were you with the service?
</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title208" class="desc">
Overall, how satisfied were you with the service?
</label>
<![endif]-->
<div>
<input id="radioDefault_208" name="Field208" type="hidden" value="" />
<span>
<input id="Field208_0" name="Field208" type="radio" class="field radio"
value="Very Satisfied" tabindex="10" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field208_0" >
Very Satisfied</label>
</span>
<span>
<input id="Field208_1" name="Field208" type="radio" class="field radio"
value="Satisfied" tabindex="11" onchange="handleInput(this);"
onmouseup="handleInput(this);" />

36

Appendix
<label class="choice" for="Field208_1" >
Satisfied</label>
</span>
<span>
<input id="Field208_2" name="Field208" type="radio" class="field radio"
value="Neutral" tabindex="12" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field208_2" >
Neutral</label>
</span>
<span>
<input id="Field208_3" name="Field208" type="radio" class="field radio"
value="Unsatisfied" tabindex="13" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field208_3" >
Unsatisfied</label>
</span>
<span>
<input id="Field208_4" name="Field208" type="radio" class="field radio"
value="Very Unsatisfied" tabindex="14" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field208_4" >
Very Unsatisfied</label>
</span>
</div>
</fieldset>
</li>
<li id="fo45li227" class="notranslate
">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title227" class="desc">
What was the primary reason for canceling your service?
</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title227" class="desc">
What was the primary reason for canceling your service?
</label>
<![endif]-->
<div>
<input id="radioDefault_227" name="Field227" type="hidden" value="" />
<span>
<input id="Field227_0" name="Field227" type="radio" class="field radio"
value="No longer needed it" tabindex="15" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field227_0" >
No longer needed it</label>
</span>
<span>
<input id="Field227_1" name="Field227" type="radio" class="field radio"
value="It didn&#039;t meet my needs" tabindex="16"
onchange="handleInput(this);" onmouseup="handleInput(this);" />
<label class="choice" for="Field227_1" >
It didn't meet my needs</label>
</span>
<span>

37

Appendix
<input id="Field227_2" name="Field227" type="radio" class="field radio"
value="Found an alternative" tabindex="17" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field227_2" >
Found an alternative</label>
</span>
<span>
<input id="Field227_3" name="Field227" type="radio" class="field radio"
value="Quality was less than expected" tabindex="18"
onchange="handleInput(this);" onmouseup="handleInput(this);" />
<label class="choice" for="Field227_3" >
Quality was less than expected</label>
</span>
<span>
<input id="Field227_4" name="Field227" type="radio" class="field radio"
value="Ease of use was less than expected" tabindex="19"
onchange="handleInput(this);" onmouseup="handleInput(this);" />
<label class="choice" for="Field227_4" >
Ease of use was less than expected</label>
</span>
<span>
<input id="Field227_5" name="Field227" type="radio" class="field radio"
value="Access to the service was less than expected" tabindex="20"
onchange="handleInput(this);" onmouseup="handleInput(this);" />
<label class="choice" for="Field227_5" >
Access to the service was less than expected</label>
</span>
<span>
<input id="Field227_6" name="Field227" type="radio" class="field radio"
value="Customer service was less than expected" tabindex="21"
onchange="handleInput(this);" onmouseup="handleInput(this);" />
<label class="choice" for="Field227_6" >
Customer service was less than expected</label>
</span>
<span>
<input id="Field227_7" name="Field227" type="radio" class="field radio"
value="Other" tabindex="22" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field227_7" >
Other</label>
</span>
</div>
</fieldset>
</li>
<li id="fo45li228"
class="notranslate">
</div>
</li>
<li id="fo45li220" class="notranslate">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title220" class="desc">
<br>Would you use the service in the future?
</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title220" class="desc">

38

Appendix
Would you use the service in the future?
</label>
<![endif]-->
<div>
<input id="radioDefault_220" name="Field220" type="hidden" value="" />
<span>
<input id="Field220_0" name="Field220" type="radio" class="field radio"
value="Definitely" tabindex="24" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field220_0" >
Definitely</label>
</span>
<span>
<input id="Field220_1" name="Field220" type="radio" class="field radio"
value="Probably" tabindex="25" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field220_1" >
Probably</label>
</span>
<span>
<input id="Field220_2" name="Field220" type="radio" class="field radio"
value="Not Sure" tabindex="26" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field220_2" >
Not Sure</label>
</span>
<span>
<input id="Field220_3" name="Field220" type="radio" class="field radio"
value="Probably Not" tabindex="27" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field220_3" >
Probably Not</label>
</span>
<span>
<input id="Field220_4" name="Field220" type="radio" class="field radio"
value="Definitely Not" tabindex="28" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field220_4" >
Definitely Not</label>
</span>
</div>
</fieldset>
</li>
<li id="fo45li222" class="notranslate
">
<fieldset>
<![if !IE | (gte IE 8)]>
<legend id="title222" class="desc">
Would you recommend our service to colleagues or contacts within your
industry?
</legend>
<![endif]>
<!--[if lt IE 8]>
<label id="title222" class="desc">
Would you recommend our service to colleagues or contacts within your
industry?
</label>
<![endif]-->

39

Appendix
<div>
<input id="radioDefault_222" name="Field222" type="hidden" value="" />
<span>
<input id="Field222_0" name="Field222" type="radio" class="field radio"
value="Definitely" tabindex="29" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field222_0" >
Definitely</label>
</span>
<span>
<input id="Field222_1" name="Field222" type="radio" class="field radio"
value="Probably" tabindex="30" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field222_1" >
Probably</label>
</span>
<span>
<input id="Field222_2" name="Field222" type="radio" class="field radio"
value="Not Sure" tabindex="31" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field222_2" >
Not Sure</label>
</span>
<span>
<input id="Field222_3" name="Field222" type="radio" class="field radio"
value="Probably Not" tabindex="32" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field222_3" >
Probably Not</label>
</span>
<span>
<input id="Field222_4" name="Field222" type="radio" class="field radio"
value="Definitely Not" tabindex="33" onchange="handleInput(this);"
onmouseup="handleInput(this);" />
<label class="choice" for="Field222_4" >
Definitely Not</label>
</span>
</div>
</fieldset>
</li>
<li id="fo45li211"
class="notranslate
">
<label class="desc" id="title211" for="Field211">
<br>What could we do to improve our service?
</label>
<div>
<textarea id="Field211"
name="Field211"
class="field textarea medium"
spellcheck="true"
rows="6" cols="50"
tabindex="24"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
></textarea>
</div>
</li>

40

Appendix
<li class="buttons ">
<div>
<input type="hidden" name="currentPage" id="currentPage"
value="Evsvr2wuslashAbQKTfplkTXUEOwQJuCaYnw8JgQ0BYME9Ix8=" />
<input id="saveForm" name="saveForm" class="btTxt submit"
type="submit" value="Submit"
onmousedown="doSubmitEvents();" />
</div>
</li>
<li class="hide">
<label for="comment">Do Not Fill This Out</label>
<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
<input type="hidden" id="idstamp" name="idstamp"
value="9RGoqygvKURL+i6CYhqy3juaXVIqf6WPh3s8VAk9O3I=" />
<input type="hidden" id="stats" name="stats"
value="{&quot;errors&quot;:0,&quot;startTime&quot;:0,&quot;endTime&quot;:0,&qu
ot;referer&quot;:&quot;http:\/\/www.wufoo.com\/gallery\/templates\/surveys\/ca
ncellation-survey\/&quot;}" />
<input type="hidden" id="clickOrEnter" name="clickOrEnter" value="" />
</li>
</ul>
</form>
</div><!--container-->
<!-- JavaScript -->
<script src="/scripts/public/dynamic.0038.js?language=english"></script>
<script>
__RULES = [];
__ENTRY = [];
__PRICES = null;
</script>
</body>
</html>
<script type="text/javascript">
__EMBEDKEY = "r7u9ts90816t80564191"
</script>
</center>
</body>
</html>

Coding of figure 5.9


<!DOCTYPE html>
<html>
<head>
<title>Wedding Feedback Form</title>
</head>
<body style="background-color: pink">
<center><img src="http://www.myweddingreport.com/blog/wpcontent/themes/ligneous/images/ligneousHeader.jpg"/></center>
<table cellspacing=20 frame="hside">
<table width= "851" bordercolor= "black" align= "center" cellpadding= "7" border= "1px">
<tr>

41

Appendix

<td align= "center" bgcolor= "FF3366" >


<a href="Event Management.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Event Management</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Decoration Selection.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Decoration</font></b></a></td>
<td align= "center" bgcolor= "FF3366">

42

Appendix

<a href="Menu.html" target="_self"><b><font color= "black" size= "3" face=


"gallery">Menu</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="our services.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Our
Services</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="Online Payment.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Payment</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Online Booking.html" target="_self"><b><font color= "black" size= "3" face=
"gallery">Online Booking</font></b></a>
<td align= "center" bgcolor= "FF3366">
<a href="Inquiry.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Inquiry
Form</font></b></a></td>
<td align= "center" bgcolor= "FF3366">
<a href="contact us.html" target="_self"><b><font color= "black" size= "3" face= "gallery">Contact
Us</font></b></a>
</td>
</tr>
</table>
<center> <!-- wedding feedback form -->
<div id="content" class="span-16">
<div class="push-0 span-16 last">
<center><h1 style="color:black; font-family:
AR DESTINE; font-size: 120"><u>WEDDING FEEDBACK</u></h1></center>
<p>
Please use this form to submit your wedding details. Then, attach your photos to a separate email and
send to <b>weddings@fairfax.com.au</b>. Please ensure you put the name of the couple in the subject
field of your email.
<br>The total size of your attached photos should not be more than 10mb.
<br> Some of the key fields below are mandatory for verification and security purposes. All information
will be treated in accordance with the <a href="http://www.fairfax.com.au/privacy.html">Fairfax privacy
policy</a>.
<br>Thank you.
</p>
<br/>
<script type="text/javascript" language="JavaScript">
function checkFilled(field, value) {
if (value == null || value.length < 1) {
alert("Sorry, but you need enter a value for " + field);
return false;
}
return true;
}

43

Appendix

function validateForm(obj) {
var mandatoryFields =
["Name","Date","Location","Dress","Cake","Flowers","Photography","Email","Contact"];
for (var i = 0; i < mandatoryFields.length; i++) {
var field = mandatoryFields[i];

43

Appendix

var value = obj.elements[field].value;


if (checkFilled(field, value) == false) {
return false;
}
}
var emailaddress = obj.elements["Email"].value;
if (emailaddress.length == 0)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
var emailPat = /^(.+)@(.+)$/;
var specialChars = "\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";
var validChars = "\[^\\s" + specialChars + "\]";
var quotedUser = "(\"[^\"]*\")";
var ipDomainPat = /^(\d{1,3})[.](\d{1,3})[.](\d{1,3})[.](\d{1,3})$/;
var atom = validChars + '+';
var word = "(" + atom + "|" + quotedUser + ")";
var userPat = new RegExp("^" + word + "(\\." + word + ")*$");
var domainPat = new RegExp("^" + atom + "(\\." + atom + ")*$");
var matchArray = emailaddress.match(emailPat);
if (matchArray == null)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
var user = matchArray[1];
var domain = matchArray[2];
if (user.match(userPat) == null)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
var IPArray = domain.match(ipDomainPat);
if (IPArray != null)
{
for (var i = 1; i <= 4; i++)
{
if (IPArray[i] > 255)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
}
return true;

44

Appendix

}
var domainArray = domain.match(domainPat);

44

Chapter # 06 Appendix

if (domainArray == null)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
var atomPat = new RegExp(atom, "g");
var domArr = domain.match(atomPat);
var len = domArr.length;
if (domArr[domArr.length - 1].length < 2 || domArr[domArr.length - 1].length > 4)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
if (len < 2)
{
alert("Sorry, but you need to enter a valid email address");
return false;
}
return true;
}
function updateCharacterCount(countElement,maxSize) {
var displayElement = document.getElementById(countElement.id + "-count");
var charactersLeft = maxSize - countElement.value.length;
if(charactersLeft < 0) {
alert("You have entered too much input for '" + countElement.name + "'\n\nThe max length of this field is
" + maxSize + "\n\nPlease fix this before submitting this feedback.");
}
displayElement.innerHTML = "<strong>" + charactersLeft + "</strong>";
}
</script>
<div id="container" style="background-color:white;height:800px;width:1000px;text-align:left;">
<table summary="Services" width="75%" cellspacing="0" bgcolor:"white" cellpadding="0" border="0px
">
<form class="cT-weddingForm" action="/action/emailForm.action" onsubmit="return
validateForm(this);" method="post">
<fieldset>
<input type="hidden" id="Subject" name="Subject" value="Wedding Feedback"/>
<ol>
<li><label for="Name">Your full names</label><input id="Name" name="Name" type="text"/></li>
<li><label for="Age">Ages</label><input id="Age" name="Age" type="text"/></li><li><label
for="Date">Date of the ceremony</label><input id="Date" name="Date" type="text"/></li>
<li><label for="Location">Location of the ceremony and reception</label><input id="Location"
name="Location" type="text"/></li>
<br>
<li class="cfix"><label for="Bridesmaid Names">Bridesmaid's names, dress description and where the
dresses came from</label>

38

Appendix

<textarea rows="3" cols="15" name="Bridesmaid Names" id="Bridesmaid Names" onKeyUp="return


updateCharacterCount(this,200);"></textarea>
<span class="chars"><span id="Bridesmaid Names-count"><strong>200</strong></span> characters
remaining</span></li>
<br>
<li class="cfix"><label for="Dress">Description of the bride's dress, including fabric type, style and any
special features. Who designed it?</label>
<textarea rows="3" cols="15" name="Dress" id="Dress" onKeyUp="return
updateCharacterCount(this,200);"></textarea>
<span class="chars"><span id="Dress-count"><strong>200</strong></span> characters
remaining</span></li>
<br>
<li><label for="Occupations">Your occupations</label><input id="name" name="Occupations"
type="text"/></li>
<br>
<li class="cfix"><label for="Guests">How many guests attended the wedding and the reception?</label>
<textarea rows="3" cols="15" name="Guests" id="Guests" onKeyUp="return
updateCharacterCount(this,200);"></textarea>
<span class="chars"><span id="Guests-count"><strong>200</strong></span> characters
remaining</span></li>
<br>
<li class="cfix"><label for="Style">Specific style details - did you go after a certain look/trend/style?
</label>
<textarea rows="3" cols="15" name="Style" id="Style" onKeyUp="return
updateCharacterCount(this,200);"></textarea>
<span class="chars"><span id="Style-count"><strong>200</strong></span> characters
remaining</span></li>
<br>
<li><label for="Photography">Name of photography company (so we can credit them for
the photo)</label><input id="Photography" name="Photography" type="text"/></li>
<li><label for="Email">Email address</label><input
id="Email" name="Email" type="text"/></li>
<li><label for="Contact">Contact phone number</label><input
id="Contact" name="Contact" type="text"/></li>
<br>
<center><input class="button" type="submit" value="Submit"/></center>
</li>
</ol>
</fieldset>
</form>
</div>
</div>
<!-- end wedding feedback form -->
</center>
</body>
</html>

45

Chapter # 06 Appendix

40