TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á

KHOA CÔNG NGHỆ THÔNG TIN

-----------------------------------------

BÀI TẬP LỚN

HỌC PHẦN : LẬP TRÌNH WEB

TÊN BÀI TẬP LỚN :

Sinh viên thực hiện Khóa Lớp Mã sinh viên

Phan Nhật Tân 12 IT8 20212270

Hoàng Văn Thắng 12 IT8 20214019

Vũ Viết Thắng 12 IT8 20212363

 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á
KHOA CÔNG NGHỆ THÔNG TIN

BÀI TẬP LỚN

HỌC PHẦN: LẬP TRÌNH WEB
Nhóm: 20
TÊN (BÀI TẬP LỚN):

Điểm Điểm Kí
Sinh viên thực Mã sinh
STT Khóa Lớp bằng bằng tên
hiện viên
số chữ SV
Phan Nhật Tân 20212270
1
Hoàng Văn Thắng 20214019
2
Vũ Viết Thắng 20212363
3

CÁN BỘ CHẤM 1 CÁN BỘ CHẤM 2

(Ký và ghi rõ họ tên) (Ký và ghi rõ họ tên)

 MỤC LỤC
I. Lời mở đầu 3
II. Chương I. Giới thiệu về đề tài 4
1.1.Giới thiệu về đề tài. 4
1.2 Kế hoạch làm đề tài và phân chia công việc. 5
1.3 Các công nghệ sử dụng. 5
Chương II. Mô hình hệ thống 8
2.1 Đối tượng người dùng. 8
2.2 Chức năng của hệ thống. 9
2.3. Kịch bản sử dụng và các màn hình. 16
2.4 Thiết kế bản mẫu. 20
2.5 Các công nghệ, công cụ sử dụng trong dự án. 7
Chương III. Phát triển hệ thống. 8
3.1. Các bố cục chính. 8
3.2 Các trang con cho từng chức năng. 8
Kết luận 9
III. Kết quả thu được. 9
IV. Hạn chế và hướng phát triển của đề tài. 9
Danh mục sách tham khảo 10

1|Page
 LỜI CẢM ƠN
Sau một thời gian học tập, nỗ lưc, cố gắng tìm tòi học hỏi và nghiên cứu dưới
sự chỉ bảo tận tình của thầy Trần Nguyên Hoàng, chúng em đã hoàn thành
báo cáo bài tập lớn học phần “Thiết kế web” và đã đạt được một số kết quả
nhất định.
Chúng em xin chân thành cảm ơn các thầy cô giáo trong khoa Công nghệ thông
tin Trường Đại học Công nghệ Đông Á đã tạo điêu kiện cho chúng em được
hoàn thiện báo cáo của mình. Đặc biệt chúng em xin gửi lời cảm ơn sâu sắc tới
thầy giáo Trần Nguyên Hoàng - người đã tận tình hướng dẫn chúng em trong
suốt quá trình làm tiểu luận và hoàn thiện tiểu luận của mình.
Sau cùng chúng em xin kính chúc tất cả các thầy cô giáo trong khoa luôn mạnh
khỏe đề dìu dắt các thế hệ trẻ như chúng em đi tới thành công. Báo cáo của
chúng em đã hoàn thành nhưng do chưa có nhiều kinh nghệm và kiến thức còn
hạn chế nên không tránh khỏi được những thiếu xót. Kính mong nhận được sự
góp ý của thầy để báo cáo của chúng em được hoàn thiện hơn.
Chúng em xin chân thành cảm ơn !
Sinh viên thực hiện
Phan Nhật Tân
Hoàng Văn Thắng
Vũ Viết Thắng

2|Page
 LỜI MỞ ĐẦU
Trong những năm gần đây du lịch là một trong những ngành có độ tăng trưởng cao
nhất cả nước. Rất nhiều khách sạn đua nhau phát triển liên tục và nhanh chóng theo
sự phát triển của xã hội về quy mô và chất lượng.
Hiện nay, các khách sạn phải trực tiếp tiếp nhận, quản lý một khối lượng lớn và
thường xuyên nhiều loại khách, cùng với hàng loạt dịch vụ phát sinh theo nhu cầu
của khách hàng. Do đó, công việc quản lý hoạt động kinh doanh của khách sạn
ngày càng phức tạp hơn.
Hơn nữa, công việc quản lý không chỉ đơn thuần là quản lý về lưu lượng khách đến
với khách sạn, sử dụng các loại hình dịch vụ…mà công việc quản lý còn phải đáp
ứng nhu cầu về việc báo cáo các loại hình doanh thu, tình hình kinh doanh của
khách sạn…để từ đó có thể đưa ra các định hướng và lập kế hoạch phát triển cho
việc kinh doanh đó. Nhưng với việc lưu trữ và xử lý bằng thủ công như hiện nay thì
sẽ tốn rất nhiều thời gian và nhân lực mà không đem lại hiểu quả cao. Do đó cần
phải tin học hóa hình thức quản lý, củ thể là xây dựng một phần mềm để đáp ứng
nhu cầu quản lý toàn diện, thống nhất và đạt hiệu quả cao nhất cho hoạt động kinh
doanh của khách sạn.
Những yêu cầu trên nhóm chúng em làm về đề tài “Quản lý khách sạn” như là một
chính yếu cho nhu cầu ứng dụng công nghệ thông tin vào kinh doanh.

3|Page
 CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI
1.1 Giới thiệu về đề tài.
Hiện nay công nghệ thông tin đã và đang ngày càng phổ biến rộng rãi
đến tất cả mọi người trên thế giới nói chung và ở Việt Nam nói riêng.Đây là một lĩnh
vực không thể thiếu trong học tập cũng như nghiên cứu khoa học.
Với nhu cầu ứng dụng tin học trong đời sống đang ngày càng tăng nhanh thì nhu cầu
ứng dụng công nghệ thông tin trong công tác quản lí cũng không là ngoại lệ.Vì vậy
việc xây dựng các phần mềm ứng dụng nhằm đáp ứng nhu cầu trên là rất cần thiết.
Các phần mềm quản lí sẽ giúp tiết kiệm được nhiều thời gian và việc buôn bán trao
đổi sẽ đơn giản hơn, tạo nên mối quan hệ tốt đẹp giữa người bán và người mua theo
đúng phương châm “Vui lòng khách đến,vừa lòng khách đi”.
Trong điều kiện hiện nay, du lịch đang là ngành được nhà nước chú trọng đầu
tư và phát triển. Kéo theo đó là sự tăng lên đáng kể về số lượng cũng như chất lượng
của các khách sạn. Chính vì đó mà công tác quản lí khách sạn không chỉ đơn giản là
quản lí về các con số mà phải rút ra được một cách nhanh chóng về tình hình biến
động thị trường, nhu cầu của người tiêu dùng, khả năng đáp ứng…để từ đó định
hướng, lập kế hoạch cho công việc kinh doanh. Và phần mềm quản lý khách sạn là
một trong rất nhiều phần mềm được áp dụng rộng rãi hiện nay. Bởi hiện nay với nhu
cầu của sự phát triển và khách tham quan du lịch ngày càng nhiều nên dịch vụ khách
sạn, nhà nghỉ ngày càng phổ biến.
Vì vậy, yêu cầu đặt ra là phải xây dựng một phần mềm tin học để quản lí thống
nhất và toàn diện hoạt động kinh doanh của khách sạn. Cũng là góp phần đưa hệ
thống khách sạn phát triển theo xu hướng chung của xã hội nói chung và ngành du
lịch nói riêng.

4|Page
1.2 Kế hoạch làm đề tài và phân chia công việc.
- Kế hoạch làm đề tài :
+ Tham khảo các thiết kế về khách sạn có sẵn trên Internet
+ Danh sách đối tượng hướng đến
+ Tìm hiểu về quy trình, cách quản lý phòng, khách hàng
+ Thiết kế các giao diện sử dụng và các chức năng chính
+ Đọc tham khảo tài liệu liên quan về quản lý khách sạn
+ Viết báo cáo, powerpoint
- Phân chia công việc :
+ Phan Nhật Tân ( trưởng nhóm ) :
1. Khảo sát thực tế, tìm hiểu về mục tiêu, nhiệm vụ của bài.
2. Thiết kế giao diện, các chức năng chính.
+ Vũ Viết Thắng :
1. Tìm hiểu các quy trình quản lý phòng, khách hàng.
2. Trình bày Powerpoint.
+ Hoàng Văn Thắng :
1. Tìm hiểu về sơ đồ tổ chức , quy trình hoạt động.
2. Trình bày Word.

1.3. Các công nghệ sử dụng.

1.3.1 HTML

HTML (Hypertext Markup Language), được dùng để tạo nội dung của trang
web. HTML bao gồm các thẻ (tags) định nghĩa các cấu trúc và thành phần
của một trang web.

HTML là công nghệ chủ chốt trong phát triển web. Nó giống như là các viên
gạch xây dựng lên một trang web hoàn chỉnh.

Thậm chí có thể xây dựng một trang web hoàn chỉnh chỉ cần dùng HTML.

Thí dụ thẻ tag <img> dùng để nhúng hình ảnh vào trang web.

5|Page
1.3.2 CSS
Trước khi CSS xuất hiện, HTML được dùng để tạo cấu trúc của trang web.

Tuy nhiên nếu như mỗi lần bạn muốn thay đổi thiết kế của trang web thì phải
chỉnh sửa các dòng lệnh HTML.

CSS có thể giải quyết vấn đề này bằng cách tách biệt nội dung và thiết kế
giao diện của trang web.

Nếu như bạn muốn thay đổi màu sắc của một button, bạn chỉ cần chỉnh sửa
một file CSS. Và tất cả các button của trang web đó sẽ thay đổi tương ứng.

Nếu bạn giỏi về CSS, bạn có thể làm rất nhiều thứ. Thí dụ bạn có thể làm
cho các thành phần trang web xuất hiện, hoặc biến mất. Hoặc thay đổi vị trí
của các thành phần, chỉnh sửa kích thước, thay đổi kích cỡ chữ. Hoặc bất cứ
thứ gì bạn có thể tưởng tượng ra.

1.3.3 JavaScript
Javascript là một ngôn ngữ lập trình động đầy đủ chức năng có thể chạy trên
trình duyệt.

Javascript làm cho các trang web trở nên động (dynamic) hơn. Nó cho phép
các lập trình viên điều khiển nội dung và cấu trúc của các trang web.

Javascript có thể tương tác trực tiếp với DOM của một trang web. Dẫn đến
toàn bộ cấu trúc và thiết kế của trang web có thể thay đổi bằng cách lập trình.

Trong ứng dụng web, tất cả điều này có thể diễn ra trực tiếp trên trình duyệt.

1.3.4 Server Side Rendering

Server-side rendering: các trang web và ứng dụng web được xây dựng trên
cơ sở logic của server. Trong đó các trang web được lưu trữ trên server. Các
dòng lệnh HTML, CSS và Javascript được gửi từ server và thể hiện trên trình
duyệt web.

Ngày nay các công nghệ như ASP.NET và PHP vẫn sử dụng hình mẫu này.
Mặc dù với sự xuất hiện của các Javascript framework ngày nay. Trong đó
công nghệ server-side rendering có thể được sử dụng cho client-side
rendering.

6|Page
1.3.5 Client Side Rendering
Với sự phát triển sức mạnh các trình duyệt và các cỗ máy Javascript trong
trình duyệt. Xu hướng hiện nay dần chuyển sang công nghệ client-side
rendering.

Trong client-side rendering, nội dung của trang web được dựng trên trình
duyệt thông qua Javascript thay vì trên server. Web server gửi các dòng lệnh
Javascript đến trình duyệt, và trình duyệt sẽ thực thi các lệnh này trên trang
web. Bao gồm việc điều khiển, truy xuất dữ liệu từ server.

Javascript được sử dụng để tạo ra và điều khiển các thành phần DOM của
trang web. Tạo ra các thành phần HTML và CSS của trang web và các ứng
dụng trên web.

Công nghệ client-side rendering khiến cho người sử dụng cảm thấy trình
duyệt mượt mà hơn. Bởi vì khi này trình duyệt không cần gửi yêu cầu đến
server để có thể hiện lên 1 trang web hoàn chỉnh. Mà nó chỉ cần yêu cầu
thêm dữ liệu và thực thi ngay trên trang web các yêu cầu đó.

Vì vậy một vài ứng dụng client-side rendered được gọi là SPAs. Có nghĩa là
chỉ có 1 trang web và nội dung của trang web đó được cập nhật liên tục.

Cả 2 công nghệ này có thể được kết hợp trên 1 ứng dụng web. Trong đó 1
vài phần của giao diện người dùng sử dụng client-side và các phần khác hoặc
các trang khác sử dụng server-side.

1.3.6 Khung Javascript

Khung JavaScript được coi là một trong những ngôn ngữ lập trình được sử
dụng nhiều nhất trên thế giới nên mọi đổi mới liên quan đến nó được thảo
luận tích cực. Về mặt kỹ thuật khung JavaScript là khung ứng dụng được tạo
bằng ngôn ngữ lập trình JavaScript và dựa trên tích hợp thư viện trực quan
và chức năng.

Công nghệ thiết kế website này mang đến nhiều lợi ích. Nó phản hồi cho
người dùng lập tức mà không cần tải lại trang, hiệu suất nhanh chóng.

7|Page
 1.3.7 Thiết kế web đáp ứng ( RWD ).

RWD (Responsive web dessign)- Khái niệm này ra đời cách đây hơn 5 năm
khi thiết bị di động tích cực chiếm giữ thị trường. Người dùng di động bắt
đầu đổ bộ mua sắm, tìm kiếm trên smartphone của họ. Điều này đòi hỏi các
nhà phát triển cũng như nhà thiết kế nỗ lực nhiều hơn nữa nhằm đưa tên tuổi
và đánh bóng sản phẩm của họ ở cả hai định dạng là máy tính để bài và thiết
bị di động (điện thoại thông minh, Ipad, Tablet).

Hiện nay công nghệ thiết kế website RWD trở thành xu hướng của tương lai.
Bởi website thân thiện với người dùng trên thiết bị di động là cách duy nhất
để có được lập chỉ mục từ công cụ tìm kiếm. Việc lập chỉ mục thích hợp ảnh
hưởng trực tiếp đến khả năng trên thị trường kinh doanh.

Việc cập nhật những xu hướng mới mẻ này sẽ giúp bạn sở hữu website chất
lượng, thân thiện với người dùng, xây dựng thương hiệu doanh nghiệp và
bán hàng hiệu quả.

CHƯƠNG II: MÔ HÌNH HỆ THỐNG

2.1.Đối tượng người dùng.
2.1.1 Thành viên
- Có thể đăng nhập , đăng ký tài khoản và đăng xuất
- Có thể bình luận , xem chi tiết phòng
- Thêm hoặc giảm số lượng phòng
- Đặt phòng , thanh toán bằng các hình thức khác nhau
- Tìm kiếm phòng
2.1.2 Khách hàng
- Có quyền xem và tìm kiếm phòng
- Thêm hoặc giảm số lượng phòng đã đặt
- Đăng ký tài khoản

8|Page
 2.1.3 Admin
- Đăng nhập , đănh xuất hệ thống quản trị
- Quản lý , hỗ trợ khách hàng
- Sửa đổi hoặc thêm phòng
- Thêm sửa xóa phòng
- Xử lý các đơn hàng
- Cập nhật bình luận , phản hồi bình luận
- Quản lý tài khoản khách hàng
-
2.2 Chức năng của hệ thống.
2.2.1 Đối với khách hàng

- Xem chí tiết phòng

Description Khách hàng có thể xem chi tiết phòng .

Input Lựa chọn phòng cần xem .
Process Tìm kiếm trong CSDL các phòng hiện có.
Output Hiện thị thông tin về sản phẩm khách hàng muốn xem .

- Đăng ký thành viên :

Description Khách hàng lại có thể đăng ký làm thành viên thông
qua from đăng ký được xây dựng sẵn .
Input Đưa vào các thông tin cá nhân hệ thống yêu cầu .
Process - Kiểm tra user không được trung lặp.
- Kiểm tra định dạng Email ..
………….
- Thêm mới các thông tin khách hàng và mật khẩu vào
CSDL nếu đúng , nếu không yêu cầu nhập lại

9|Page
 Output Thông báo với khách hàng việc đăng ký thành công
hoặc đăng ký lại tài khoản nếu báo lỗi
- Tìm kiếm phòng :

Description Khách hàng có thể tìm kiếm phòng bằng form tìm kiếm
được xây dựng trên Website .
Input Khách hàng nhập từ khóa tìm kiếm
Process Hệ thống sẽ ghi nhận và thực hiện tìm kiếm trong
CSDL tất cả các phòng có chứa từ khóa tìm kiếm .
Output Hiện thị thông tin các phòng khách hàng tìm kiếm .

2.2.2 Đối với thành viên

- Thành viên sẽ có đầy đủ quyền của khách hàng . Ngoài ra thành viên còn
có các quyền sau :

- Đăng nhập :
Description Đăng nhập vào website với User và Password đã đăng ký
Input Nhập:
- User.
- Password.
Process Truy xuất kiểm tra tindh chính xác của dữ liệu được
cung cấp trong CSDL
Output Hiển thị thống báo đăng nhập thành công hoặc bị lỗi –
phải đăng nhập lại
- Đăng xuất :
Des Đăng xuất khỏi Website
Description
Input Click vào button “ Đăng xuất” trên website
Process - Hủy toàn bộ session của người dùng hiện tại
- Đưa trở về chức năng dành cho khách hàng

10 | P a g e
 Output Đưa trạng thái là khách hàng .
- Đặt phòng :
Description Khách hàng có thể đặt phòng sau khi lựa chọn được
phòng ưng ý . Click nút “Đặt phòng” để bắt đầu làm thủ
tục đặt phòng .
Input Hệ thống sẽ tự động nhập thông tin khách hàng theo
thông tin đăng nhập hoặc khách hàng có thay đổi thì
nhập các thông tin tương ứng : Tên , địa chỉ , điện thoại
,emai …..
Process + Kiểm tra thông tin đặt phòng của khách hàng :
- Nếu chưa đăng nhập thì yêu cầu Đăng Nhập hoặc
Đăng Ký .
- Nếu đã Đăng Nhập thì chuyển sang form thanh
toán .
+ Thêm mới và cập nhật phòng vào CSDL
Output Thông báo các phòng đã được đặt thành công hoặc
chưa thành công .

- Bình luận :
Description Thành viên có thể bình luận ý kiến về dịch vụ cho
Admin
Input Nhập vào nội dung ý kiến của mình về phòng trong
phần chi tiết .
Process - Kiểm tra thông tin nhập vào form
- Thêm mới thông tin góp ý , phản hồi của khách
vào CSDL
Output Thông báo với khách hàng việc gửi bình luận đã hoàn
tất hoặc thất bại

2.2.3 Đối với Admin

11 | P a g e
 QUẢN LÝ KHÁCH SẠN

QL Khách QL Thuê QL Phòng QL Thanh toán

Phòng

Cập nhật thông Cập nhật Cập nhật Thông tin KH

tin khách phòng phòng

Thanh Toán QL Thuê QL SDDV Thống kê khách

phòng

Phương thức thanh

toán

Hệ thống quản lý Khách sạn bao gồm 4 chức năng chính là : Quản lý khách, quản lý
thuê phòng, quản lý dịch vụ và Thống kê, báo cáo.
- Quản lý khách : Khách khi đến khách sạn muốn thuê phòng trước hết phải
cung cấp các thông tin cá nhân cho nhân viên quản lý. Sau khi kiểm tra các
thông tin hợp lệ có đủ điều kiện để thuê phòng thì Nhân viên quản lý sẽ cập
nhật thông tin khách vào hệ thống.
- Quản lý thuê phòng : Sau khi đã kiểm tra thông tin của khách hợp lệ thì
Nhân viên quản lý sẽ sắp xếp phòng cho khách nghỉ vào phòng theo yêu cầu
của khách đã chọn hoặc được đặt từ trước. Tuy nhiên, có thể thay đổi theo
yêu cầu của Khách và phù hợp với tình trạng các phòng của khách sạn.Chức
năng này cũng quản lý tình trạng của các phòng trong Khách sạn.
- Quản lý phòng : Khi ban lãnh đạo Khách sạn có yêu cầu báo cáo thì nhân
viên quản lý tiến hành yêu cầu hệ thống đưa ra các thông tin về tình hình kinh

12 | P a g e
 doanh của Khách sạn hay thông tin về một Khách nào đó rồi báo cáo chi tiết
cho ban lãnh đạo. Chức năng này bao gồm một số chức năng báo cáo cơ bản
như là : Thống kê số lượng Khách, tình trạng phòng trong khách sạn, các loại
dịch vụ trong khách sạn…

Cập nhật Yêu cầu xử lý

phòng

Khách hàng Đáp ứng Nhân viên

DL.Phòng

Thông Đáp
tin ứng

Trả lời Yêu cầu xử lý

Quản lý
thuê trả
phòng

• Mô tả:
Khi khách đến thuê phòng sẽ được nhân viên xem xét tình trạng của phòng rồi cấp phòng
cho khách với yêu cầu của Khách.
- Cập nhật phòng: Chức năng này làm nhiệm vụ cập nhật tình trạng của phòng.
- Quản lý thuê trả phòng: Khi khách có nhu cầu thuê phòng, đổi phòng hoặc trả phòng
( hoặc trả phòng trước thời hạn) thì nhân viên xem xét và phục vụ theo yêu cầu.

- Xem thống kê
Description Admin có thể xem thống kê hóa đơn .

13 | P a g e
Input Chọn mục thống kê muốn xem bằng các công cụ được
xây dựng sẵn.
Process Xem hóa đơn : liệu kê hóa đơn chưa sử lý , đăng xử lý ,
đã xử lý , hủy .
Output Hiện thị số hóa đơn chưa xử lý , đăng xử lý , đã xử lý và
hủy

- Đăng nhập quản trị viên:

Description Admin đăng nhập vào hệ thống bằng Account và
Password và vào form .
Input Nhập:
- Account.
- Password.
Process Truy xuấ kiểm tra tính chính xác của dữ liệu được cung
cấp trong CSDL.
Output Chuyển đến trang quản trị nếu đăng nhập thành công và
ở lại trang đăng nhập nếu báo lỗi .

- Quản lý khách sạn /phòng

Description Admin có quyền sửa , xóa , thêm , hiện các hãng/phòng
Input Chọn sử dụng công cụ được xây dựng để quản lý khách
sạn .
Process +Thêm :
- Kiểm tra tính hợp lệ của dữ liệu nhập vào .
- Thêm mới vào CSDL.
+ Sửa : Cho phép sửa thông tin hãng/phòng và cập nhập
vào CSDL.
+ Xóa :

14 | P a g e
 - Nếu hãng/ phòng có trong hóa đơn thì không được
xóa đưa phòng về trạng thái ẩn .
- Nếu hãng / phòng chưa có trong bất kỳ hóa đơn nào
thì có thể xóa ( kèm bình luận nếu có ) , cập nhật vào
CSDL.
+ Ẩn/hiện : Cho phép ẩn hiện phòng để trình bày trên
giao diện người dùng và cập nhật vào CSDL.
Output Hiển thị thông báo lỗi hoặc lỗi.

- Quản lý khách hàng

Description Admin có quyền sửa , xóa , thêm , hiện các khách hàng
Input Chọn sử dụng công cụ được xây dựng để quản lý khách
hàng .
Process +Thêm :
- Kiểm tra tính hợp lệ của dữ liệu nhập vào .
- Thêm mới vào CSDL.
+ Sửa : Cho phép sửa thông tin cá nhân khách hàng và
cập nhập vào CSDL.
+ Xóa :
- Nếu khách hàng không có trong CSDL thì được xóa.
- Nếu khách hàng hủy thì được xóa’
+ Ẩn/hiện : Cho phép ẩn hiện phòng để trình bày trên
giao diện người dùng và cập nhật vào CSDL.
Output Hiển thị thông báo lỗi hoặc lỗi.

- Quản lý khách đã đặt

Description Admin có thể xem thống kê hóa đơn đã đặt.
Input Chọn mục thống kê muốn xem bằng các công cụ được
xây dựng sẵn.

15 | P a g e
 Process Xem hóa đơn và kiểm tra khách hàng đã đặt.
Output Hiện thị số hóa đơn chưa xử lý , đăng xử lý , đã xử lý và
hủy

2.3. Kịch bản sử dụng và các màn hình.

Trạng thái Ngày gửi

Nội dung

BINHLUAN
N

KHACHHANG
1
1

Giá phòng Số lượng

Có

N
HOADON Có
N
N N
N
Có
PHONG
N
THANHTOAN
1
Có

1
DATPHONG
QUANTRI

16 | P a g e
Thuộc tính của thực thể
+ Thực thể quản trị :

+ Thực thể bình luận :

+ Thực thể hóa đơn :

17 | P a g e
+ Thực thể khách hàng:

+ Thực thể phòng :

18 | P a g e
+ Thực thể thanh toán :

+ Thực thể giá phòng :

19 | P a g e
2.4 Thiết kế bản mẫu.
- Những thứ cần có :
+ Header trong đó Header gồm Logo, thanh tìm kiếm ( Search ) và Navigation - thanh
điều hướng ( Home , Booking , Login,…).

+ Giao diện chính gồm 3 image với hiệu ứng scroll cho phép điều chỉnh bằng 2 nút left và
right . Hoặc tự động roll qua mỗi image với thời gian là 5s.

+ Danh mục các phòng hiện có gồm tên phòng, trạng thái phòng ( còn, hết ), giá
tiền, mô tả phòng, số lượng người đặt, đánh giá sao,..

+ Các địa điểm du lịch và phòng hiện có gồm các địa điểm du lịch và số lượng
phòng còn.

20 | P a g e
+ Bản đồ dẫn đến khách sạn của chúng tôi.

+ Các hình thức thanh toán hiện có và thông tin liên hệ

21 | P a g e
2.5 Các công nghệ, công cụ sử dụng trong dự án
2.5.1 Photoshop CC 2019
Thiết kế logo, chỉnh sửa các hình ảnh cho phù hợp đúng kích cỡ, xóa nền thêm chữ,…

2.5.2 Designer Tools

Là nột công cụ dùng để đo đạc các phần của trang web giống như một chiếc thước giúp ta
nhận biết được mọt cách chính xác các thông tin về trang web
2.5.3 HTML
HTML (Hypertext Markup Language), được dùng để tạo nội dung của trang
web. HTML bao gồm các thẻ (tags) định nghĩa các cấu trúc và thành phần
của một trang web.

HTML là công nghệ chủ chốt trong phát triển web. Nó giống như là các viên
gạch xây dựng lên một trang web hoàn chỉnh.

Thậm chí có thể xây dựng một trang web hoàn chỉnh chỉ cần dùng HTML.

Thí dụ thẻ tag <img> dùng để nhúng hình ảnh vào trang web.

2.5.4 CSS
Trước khi CSS xuất hiện, HTML được dùng để tạo cấu trúc của trang web.

Tuy nhiên nếu như mỗi lần bạn muốn thay đổi thiết kế của trang web thì phải
chỉnh sửa các dòng lệnh HTML.

CSS có thể giải quyết vấn đề này bằng cách tách biệt nội dung và thiết kế
giao diện của trang web.

Nếu như bạn muốn thay đổi màu sắc của một button, bạn chỉ cần chỉnh sửa
một file CSS. Và tất cả các button của trang web đó sẽ thay đổi tương ứng.

Nếu bạn giỏi về CSS, bạn có thể làm rất nhiều thứ. Thí dụ bạn có thể làm
cho các thành phần trang web xuất hiện, hoặc biến mất. Hoặc thay đổi vị trí
của các thành phần, chỉnh sửa kích thước, thay đổi kích cỡ chữ. Hoặc bất cứ
thứ gì bạn có thể tưởng tượng ra.

2.5.5 JavaScript
Javascript là một ngôn ngữ lập trình động đầy đủ chức năng có thể chạy trên
trình duyệt.

22 | P a g e
Javascript làm cho các trang web trở nên động (dynamic) hơn. Nó cho phép
các lập trình viên điều khiển nội dung và cấu trúc của các trang web.

Javascript có thể tương tác trực tiếp với DOM của một trang web. Dẫn đến
toàn bộ cấu trúc và thiết kế của trang web có thể thay đổi bằng cách lập trình.

Trong ứng dụng web, tất cả điều này có thể diễn ra trực tiếp trên trình duyệt.

2.5.6 Server Side Rendering

Server-side rendering: các trang web và ứng dụng web được xây dựng trên
cơ sở logic của server. Trong đó các trang web được lưu trữ trên server. Các
dòng lệnh HTML, CSS và Javascript được gửi từ server và thể hiện trên trình
duyệt web.

Ngày nay các công nghệ như ASP.NET và PHP vẫn sử dụng hình mẫu này.
Mặc dù với sự xuất hiện của các Javascript framework ngày nay. Trong đó
công nghệ server-side rendering có thể được sử dụng cho client-side
rendering.

2.5.7 Client Side Rendering

Với sự phát triển sức mạnh các trình duyệt và các cỗ máy Javascript trong
trình duyệt. Xu hướng hiện nay dần chuyển sang công nghệ client-side
rendering.

Trong client-side rendering, nội dung của trang web được dựng trên trình
duyệt thông qua Javascript thay vì trên server. Web server gửi các dòng lệnh
Javascript đến trình duyệt, và trình duyệt sẽ thực thi các lệnh này trên trang
web. Bao gồm việc điều khiển, truy xuất dữ liệu từ server.

Javascript được sử dụng để tạo ra và điều khiển các thành phần DOM của
trang web. Tạo ra các thành phần HTML và CSS của trang web và các ứng
dụng trên web.

Công nghệ client-side rendering khiến cho người sử dụng cảm thấy trình
duyệt mượt mà hơn. Bởi vì khi này trình duyệt không cần gửi yêu cầu đến
server để có thể hiện lên 1 trang web hoàn chỉnh. Mà nó chỉ cần yêu cầu
thêm dữ liệu và thực thi ngay trên trang web các yêu cầu đó.

23 | P a g e
Vì vậy một vài ứng dụng client-side rendered được gọi là SPAs. Có nghĩa là
chỉ có 1 trang web và nội dung của trang web đó được cập nhật liên tục.

Cả 2 công nghệ này có thể được kết hợp trên 1 ứng dụng web. Trong đó 1
vài phần của giao diện người dùng sử dụng client-side và các phần khác hoặc
các trang khác sử dụng server-side.

2.5.8 Khung Javascript

Khung JavaScript được coi là một trong những ngôn ngữ lập trình được sử
dụng nhiều nhất trên thế giới nên mọi đổi mới liên quan đến nó được thảo
luận tích cực. Về mặt kỹ thuật khung JavaScript là khung ứng dụng được tạo
bằng ngôn ngữ lập trình JavaScript và dựa trên tích hợp thư viện trực quan
và chức năng.

Công nghệ thiết kế website này mang đến nhiều lợi ích. Nó phản hồi cho
người dùng lập tức mà không cần tải lại trang, hiệu suất nhanh chóng.

2.5.9 Thiết kế web đáp ứng ( RWD ).

RWD (Responsive web dessign)- Khái niệm này ra đời cách đây hơn 5 năm
khi thiết bị di động tích cực chiếm giữ thị trường. Người dùng di động bắt
đầu đổ bộ mua sắm, tìm kiếm trên smartphone của họ. Điều này đòi hỏi các
nhà phát triển cũng như nhà thiết kế nỗ lực nhiều hơn nữa nhằm đưa tên tuổi
và đánh bóng sản phẩm của họ ở cả hai định dạng là máy tính để bài và thiết
bị di động (điện thoại thông minh, Ipad, Tablet).

Hiện nay công nghệ thiết kế website RWD trở thành xu hướng của tương lai.
Bởi website thân thiện với người dùng trên thiết bị di động là cách duy nhất
để có được lập chỉ mục từ công cụ tìm kiếm. Việc lập chỉ mục thích hợp ảnh
hưởng trực tiếp đến khả năng trên thị trường kinh doanh.

Việc cập nhật những xu hướng mới mẻ này sẽ giúp bạn sở hữu website chất
lượng, thân thiện với người dùng, xây dựng thương hiệu doanh nghiệp và
bán hàng hiệu quả.

24 | P a g e
 CHƯƠNG III: PHÁT TRIỂN HỆ THỐNG
1. Các bố cục chính.

25 | P a g e
26 | P a g e
2. Các trang con cho từng chức năng.
Home :

27 | P a g e
Đặt phòng :

Đặt phòng gồm số phòng , số ngày ở và thành tiền, sau khi đặt muốn đặt
thêm có thể bấm vào tôi muốn đặt thêm và bấm thanh toán

28 | P a g e
Thông tin thanh toán gồm các hình thức thanh toán và thông tin khách hàng
nhập đầy đủ sau đó bấm đặt phòng.

Phòng đã đặt sẽ hiện thị ở Booked Rooms.

29 | P a g e
Change password khi khách hàng cần đổi mật khẩu.

30 | P a g e
Phần liên hệ hoặc khi khách hàng cần đánh giá .

31 | P a g e
 KẾT LUẬN
Do hạn chế về mặt thời gian, kinh nghiệm và kiến thức còn hạn chế nên đề

tài của em không tránh khỏi nhiều thiếu sót.

Bài làm chưa có tính chuyên nghiệp, chưa giải quyết được trọn vẹn những

vấn đề nảy sinh trong quá trình quản lý. Một số chức năng quản lý trong thực tế

chúng em chưa khảo sát được, và còn rất nhiều điều thiếu xót trong cả bài làm nói

chung, và trong những mô hình, sơ đồ nói riêng…

Vì vậy chúng em rất mong nhận được sự đóng góp ý kiến của các thầy cô
giáo để bài làm của chúng em được hoàn thiện , tối ưu và có ích hơn .Chúng em xin
chân thành cảm ơn.

HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI

Tiếp tục phát triển website rộng hơn :Quản lí nhân viên, thống kê doanh thu. Bên
cạnh đó cần mở rộng việc quảng cáo cho những thông tin riêng cho doanh nghiệp.
Hoàn thiện về mặt dao diện và chức năng

32 | P a g e
 DANH MỤC THAM KHẢO
- https://v1study.com/
- https://lptech.asia/kien-thuc/nhung-cong-nghe-thiet-ke-website-moi-nhat-
hien-nay/
- Bài Giảng Phân Tích Và Thiết Kế Hệ Thống
Biên soạn: Đồng Phượng
- Internet

33 | P a g e