Unit 10: Website Design and Development
Assignment 2: Development Hotel Online
Booking Website with technologies, tools and
techniques
KAUNG KHANT NAING(21 Batch)
YOUTH INTERNATIONAL UNIVERSITY
Contents
Introduction of website .............................................................................................................. 2
Wireframe Design ...................................................................................................................... 2
Sitemap Design for website ....................................................................................................... 8
Design Documentation for website ............................................................................................ 9
Check different browser and browser version ......................................................................... 16
Test with different screen resolution ........................................................................................ 18
Check for required content....................................................................................................... 20
Check for required graphic ...................................................................................................... 21
Check spelling for the website ................................................................................................. 24
Keywords in page title ............................................................................................................. 25
1
Introduction of website
This site is dedicated to Golden Dragon Hotel Booking Company. This site has two
sections, admin and client. For administrators, you can update and delete chapters. Customers
can view rooms and prices and order rooms. We used many languages to create this site. They
are in html and PHP languages.
Wireframe Design
2
Admin Page: Administrators can only see this page.
Home: When a customer logs in, the customer can see that page.
3
Review: If the customer clicks the review button, the customer can see that page.
4
Room: If the customer goes to see the room, they have to click on the room button and they are
the same on the room page and promotion page.
5
Gallery. This page can see rooms photo of my hotel
6
About us: This page show all about hotel location and feedback.
7
Sitemap Design for website
HOME
ROOM
PROMOTION
REVIEW
8
GALLERY
ABOUT US
Design Documentation for website
This page is an admin page. This page is only visible to administrators. On this page,
the administrator inserts, updates and deletes. If the administrator wants to enter the room, he
must fill in all the data and then press the enter button in the entry form. If an administrator
wants to delete a room, just enter the room ID and click the Delete button to remove the data
entry form. If the administrator wants to update the room, he must fill in all the data and click
on the update form.
9
This is the home page. On this page, customers can view rooms and prices. And if the customer
sees the details of the room, he can click on the room. If the customer has switched to booking.
Customers can click book now. If the customer went to the review page, click on the review.
10
This is the room page. On this page, customers can see the room price, room type and
can make a booking. If the customer went to advertise, the customer can click on the promotion.
11
This is an promotion page. This page shows offers for all rooms. If a customer has
visited the gallery, they can click on the gallery.
12
This is a review page. Here you can find all customer reviews. If the customer goes to
the room page, the customer can click on the room page.
13
This is a gallery page. On this page you can see all the pictures of the room. Customers
go to contact, they can click contact.
14
This is contact page. This can see hotel location and customer send message.
15
Check different browser and browser version

Test with different screen resolution

Check for required content

Check for required graphic

Test Hyperlinks

Form processing

Check spelling

Keywords in page title

Check different browser and browser version
Wed page on the browser (Microsoft edge)
16
Wed page on the browser (Chrome)
17
Test with different screen resolution
Ipad View
18
Phone view
19
Laptop view
Check for required content
If customer click the button, customer will see booking details page
20
Check for required graphic
21
Test Hyper Link
After checking, all the link are working.
Form processing
22
Insert form
Update form
delete form
23
Check spelling for the website
24
Keywords in page title
25