Báo cáo phân tích và xây dụng website đặt phòng khách sạn the legend

Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP
1. Mục tiêu của ĐATN
Nghiên cứu và thử nghiệm bài tốn Phân tích - Thiết kế hệ thống. Từ đó phân tích
thiết kế website Quản lý Khách sạn áp dụng bằng các kiến thức đã học như Html,
css, js… và vận dụng thêm về các thư viện, framework như jQuery, Bootstrap,
ReactJS.
2. Các nhiệm vụ cụ thể của ĐATN
Xây dưng Website khách sạn The Legend Hotel. Website cung cấp thông tin
cho khách du lịch về lịch trình nghỉ dưỡng, cũng như khám phá thêm về văn hoá,
ẩm thực, con người Việt Nam. Nhiệm vụ thực hiện đồ án bao gồm 3 chương nội
dung: Cơ sở lý thuyết liên quan đến đề tài, nội dung, các kĩ thuật được sử dụng
trong làm đồ án, tiếp đó là chương Phân tích hệ thống, bằng các kiến thức đã được
học về mơn phân tích thiết kế hệ thống và hệ thống biểu đồ UML, phân tích, làm rõ
các chức năng, nhiệm vụ cụ thể của từng chức năng, hệ thống biểu đồ UML, tổng
quát các tác nhân thực hiện qua hệ thống sơ đồ. Và cuối cùng là chương Thiết kế
giao diện người dùng, từ những bản vẽ phác thảo chức năng và phân tích, dẫn đến
việc hồn thành và xây dựng giao diện cho website khách sạn The Legend Hotel.
3. Lời cam đoan của sinh viên:[
Tôi – Nguyễn Đức Ngun – cam kết ĐATN là cơng trình nghiên cứu của bản
thân tôi dưới sự hướng dẫn của Thầy giáo – PGS. TS Lê Văn Hưng
Các kết quả nêu trong ĐATN là trung thực, không phải là sao chép tồn văn
của bất kỳ cơng trình nào khác.
Hà Nội, ngày tháng năm
Tác giả ĐATN

Nguyên
Nguyễn Đức Nguyên

Nguyễn Đức Nguyên

1

Lớp CNPM B K62

1


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
4. Xác nhận của giáo viên hướng dẫn về mức độ hoàn thành của ĐATN và cho
phép bảo vệ:
Hà Nội, ngày tháng năm
Cán bộ hướng dẫn

Ký, ghi rõ họ tên

Nguyễn Đức Nguyên

2

Lớp CNPM B K62

2


Đồ án tốt nghiệp chun ngành Cơng Nghệ Phần Mềm

TĨM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP
Nội dung đồ án tốt nghiệp gồm 3 chương. Nội dung chương 1 đi sâu vào tìm
hiểu cơ sở lý thuyết được sử dụng cho đồ án. Nắm rõ khái niệm, lịch sử phát triển,

cách hoạt động của chúng để vận dụng , thực hành trong việc xây dựng website.
Chương 2 sẽ nói rõ hơn về phân tích thiết kế hệ thống của website, từ việc mơ tả bài
tốn đến phân loại các chức năng và xây dựng bộ khung như các biểu đồ Use Case
đến các biểu đồ tuần tự và biểu đồ các lớp, giúp dễ dàng cho việc thiết kế web sau
này để không bỏ thiếu chưc năng. Và chương 3 là kết quả đạt được sau khi xây
dựng xong website.
Qua quá trình tìm hiểu làm việc em đã đạt kết quả tương đối hoàn chỉnh bài
đồ án tốt nghiệp và dự kiến đã đặt ra, từ việc thiết kế xong phần giao diện trang
web, thiết kế responsive để tương thích hơn với nhiều thiết bị, xử lý các hiểu ứng,
chuyển cảnh cũng như cung cấp đầy đủ thông tin về khách sạn cho khách hàng. Dù
vậy bản thân em còn cảm thấy nhiều thiếu sót và vướng mắc nên chưa thể hồn
thiệt thật tốt đồ án của mình.
Bản thân em cịn thiếu khi chưa hồn thiện nốt phần Back-end cho giao diện, tất
cả giao diện trên đây hoàn toàn do bản thân em nghĩ và thiết kế nên không thể tránh
khỏi thiếu sót, nên việc học hỏi và hồn thiện bản thân, bù đắp những phần thiếu kể
trên sẽ là động lực sau khi hoàn thành ĐATN của em.

Nguyễn Đức Nguyên

3

Lớp CNPM B K62

3


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

LỜI CẢM ƠN
Đồ án tốt nghiệp là chương trình kết thúc khóa học tại chun ngành Cơng

nghệ phần mềm, khoa Cơng nghệ thông tin của trường Đại học Mỏ - Địa Chất.
Trong q trình học tập và q trình hồn thành đồ án tốt nghiệp này, em xin
chân thành gửi lời cảm ơn đến Thầy giáo – PGS. TS Lê Văn Hưng là thầy giáo
hướng dẫn cũng như gửi lời cảm ơn đến các thầy cơ trong bộ mơn đã góp ý qua các
lần bảo vệ tiến độ để đồ án tốt nghiệp của em tốt hơn và đạt được kết quả.
Em xin chân thành cảm ơn các thầy cô của Trường Đại học Mỏ - Địa Chất.
Xin cảm ơn các thầy cơ đã tận tình dạy bảo, giúp đỡ em trong suốt thời gian học tập
và rèn luyện dưới mái trường thân yêu này.
Một lần nữa với tất cả sự cảm kích và trân trọng.
Em xin trân trọng cảm ơn!

Nguyễn Đức Nguyên

4

Lớp CNPM B K62

4


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

MỤC LỤC

Nguyễn Đức Nguyên

5

Lớp CNPM B K62

5


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

Nguyễn Đức Nguyên

6

Lớp CNPM B K62

6


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

DANH MỤC CÁC BẢNG BIỂU

Nguyễn Đức Nguyên

7

Lớp CNPM B K62

7


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

DANH MỤC CÁC TỪ VIẾT TẮT

S
T
T

Từ
viết
tắt

Từ tiếng Anh

1

CSDL

2

DB

Database

3

HTM
L

Hypertext Markup
Language

4

CSS

Cascading Style Sheets

5

JS

Javascript

6

W3C

World Wide Web
Consortium

Từ và nghĩa tiếng
Việt

Cơ sở dữ liệu
Cơ sở dữ liệu

7

Nguyễn Đức Nguyên

8

Lớp CNPM B K62

8


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

TỔNG QUAN
1. Tổng quan tình hình nghiên cứu lĩnh vực của đề tài
Việt Nam là đất nước được thiên nhiên ban tặng nhiều danh lam thắng cảnh
đẹp. Đó là những điểm đến du lịch hấp dẫn đối với khách trong nước và đặc biệt là du
khách nước ngoài. Tuy nhiên với đặc thù của người du lịch là lần đầu tiên ghé thăm,
khơng có nhiều kinh nghiệm hoặc khơng biết nhiều về điểm du lịch như vị trí, thời tiết,
nơi nghỉ chân và các dịch vụ ăn uống khác. Nhưng thay vào đó hầu như vị khách nào
cũng sử dụng thiết bị truy cập mạng hoặc các thiết bị điện thoại thơng minh.
[1]Sau hai năm gần như đóng băng hồn tồn do ảnh hưởng bởi dịch Covid-19,
du lịch Việt Nam đã có những dấu hiệu khởi sắc khi Chính phủ cho phép mở cửa du
lịch từ 15/3/2022 và nhiều đường bay quốc tế được khôi phục trở lại. Trong tháng
3/2022, khách quốc tế đến nước ta đạt 41,7 nghìn lượt người, tăng 41,4% so với tháng
trước và gấp 2,2 lần cùng kỳ năm trước. Tính chung quý I/2022, khách quốc tế đến
nước ta ước đạt gần 91 nghìn lượt người, tăng 89,1% so với cùng kỳ năm trước, trong
đó khách đến bằng đường hàng khơng đạt 82,3 nghìn lượt người, chiếm gần 90,5%
lượng khách quốc tế đến Việt Nam, tăng 165,2%. Du lịch nội địa cũng ghi nhận nhiều
tín hiệu tích cực với lượng khách ước đạt 26,1 triệu lượt người. Tổng thu từ du lịch 3
tháng đầu năm ước đạt 111,2 nghìn tỷ đồng.
Du lịch Việt Nam chính thức mở cửa trở lại trong điều kiện bình thường mới;
các cơ sở lưu trú, lữ hành và các khu du lịch đã sẵn sàng đón khách đảm bảo an tồn,
hiệu quả, chất lượng. Lượng khách du lịch đến một số tỉnh/thành phố trong quý I năm
nay đều tăng khá so với cùng kỳ năm trước: Thừa Thiên Huế đón 296,7 nghìn lượt
khách, trong đó khách nội địa đạt 292 nghìn lượt khách; tổng thu từ du lịch đạt 479 tỷ

đồng. Hà Giang đón 518,4 nghìn lượt khách (tăng 47%), trong đó có 1,1 nghìn lượt
khách quốc tế và 517,3 nghìn lượt khách nội địa; tổng thu từ du lịch đạt 1.036 tỷ đồng.
Khánh Hịa đón khoảng 254 nghìn lượt khách lưu trú (tăng 12,3%), trong đó khách
quốc tế đạt 14 nghìn lượt người (tăng 50,1%) và khách nội địa đạt 240 nghìn lượt (tăng
10,7%); tổng thu từ du lịch ước đạt 1.330 tỷ đồng, tăng 55,3%. Lâm Đồng đón 1,57
triệu lượt khách (tăng 48,7%), trong đó có 8,2 nghìn lượt khách quốc tế (tăng 3,7%) và
1,56 triệu lượt khách nội địa (tăng 49%).

Nguyễn Đức Nguyên

9

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
Số lượng khách du lịch đến Đà Nẵng cũng tăng cao so với cùng kỳ năm trước.
Trong quý I/2022, các cơ sở lưu trú trên địa bàn tỉnh đã phục vụ 141 ngàn lượt khách,
tăng 4,7% so với cùng kỳ năm trước, doanh thu dịch vụ lưu trú ước tính tăng 37,1%.
Hiện nay, tồn tỉnh có khoảng 390 cơ sở kinh doanh lưu trú du lịch với nhiều loại hình
từ khách sạn 5 sao cho đến các homestay đáp ứng đủ điều kiện tối thiểu kinh doanh lưu
trú du lịch với tổng số buồng lưu trú hiện có khoảng 6.340 buồng, trong đó có gần 800
buồng đạt tiêu chuẩn 3 – 5 sao, các khu du lịch vui chơi giải trí được cải tạo nâng cấp
để phục vụ tốt nhu cầu của du khách khi đến Đà Nẵng.
Du lịch Quảng Ninh ghi nhận nhiều tín hiệu tích cực, từng bước phục hồi sau
hai năm bị ảnh hưởng nặng nề từ dịch Covid-19. Trong tháng 3/2022, doanh thu dịch
vụ lưu trú tăng 32%, doanh thu dịch vụ du lịch lữ hành tăng 24,1%. Số lượng khách du
lịch đến Quảng Ninh quý I năm nay ước đạt khoảng 2,1 triệu lượt khách, tăng 56% so
với cùng kỳ năm trước, tổng doanh thu từ du lịch ước đạt 3,1 nghìn tỷ đồng. Đây là
những tín hiệu khởi đầu cho sự bùng nổ về du lịch của tỉnh trong những tháng tiếp

theo.
Sau một thời gian dài đóng cửa để phịng, chống dịch Covid-19, từ giữa tháng
Hai, thành phố Hà Nội đã cho phép các điểm du lịch, di tích, cơ sở tơn giáo, tín ngưỡng
hoạt động trở lại đón du khách trong dịp đầu năm mới Nhâm Dần. Cùng với việc mở
cửa du lịch quốc tế và các hãng hàng không khôi phục nhiều đường bay quốc tế đã tạo
điều kiện cho ngành Du lịch Thủ đô từng bước phục hồi và phát triển. Doanh thu khách
sạn, nhà hàng quý I/2022 của Hà Nội ước đạt 15,7 nghìn tỷ đồng, tăng 15,4%; doanh
thu du lịch lữ hành đạt 1,4 nghìn tỷ đồng, tăng 9,1%. Mặc dù lượng khách quốc tế do
cơ sở lưu trú phục vụ quý I/2022 vẫn giảm 12% so với cùng kỳ năm trước nhưng khách
trong nước đến Hà Nội ước tính tăng 5,3%. Tính đến hết tháng 3/2022, trên địa bàn
Thành phố có 3.725 cơ sở lưu trú du lịch với hơn 70 nghìn phịng, trong đó khách sạn
xếp hạng từ 1-5 sao với 24,4 nghìn phịng, chiếm 15,9% tổng số cơ sở lưu trú du lịch
trên địa bàn.
Nhiều địa phương đã tổ chức các sự kiện hưởng ứng và phát động mở lại hoạt
động du lịch, góp phần đưa du lịch sớm phục hồi và phát triển: Hà Nội tổ chức khai
mạc chương trình “Du lịch Hà Nội chào 2022 – Get on Hanoi 2022”; Thanh Hóa tổ
chức Lễ cơng bố biểu trưng du lịch Thanh Hóa, phát động chương trình kích cầu du
lịch năm 2022; Bạc Liêu tổ chức Hội nghị triển khai Kế hoạch năm 2022 Chương trình
liên kết hợp tác phát triển du lịch thành phố Hồ Chí Minh và 13 tỉnh, thành phố đồng

Nguyễn Đức Nguyên

10

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
bằng sông Cửu Long; Nghệ An tổ chức Hội nghị triển khai mở cửa hoạt động du lịch
và đón khách du lịch quốc tế năm 2022; Quảng Nam tổ chức hội thảo “Ấn tượng Việt

Nam – làm mới để đón khách”, Ngày hội khinh khí cầu lần đầu tiên, Lễ khai mạc Năm
Du lịch Quốc gia 2022); Thừa Thiên – Huế tổ chức Ngày hội đạp xe vì du lịch và mơi
trường…
Mặc dù khó khăn, trở ngại đối với ngành du lịch vẫn cịn chồng chất nhưng
chính những nỗ lực thích ứng trong thời gian gần đây của cả hệ thống chính trị và cộng
đồng doanh nghiệp và người dân đã mang tới những tín hiệu lạc quan, góp phần quan
trọng giúp ngành du lịch phục hồi và phát triển bền vững hơn trong thời gian tới.

Tác động toàn cầu của covid-19 và sự ảnh hưởng của du lịch và kinh doanh
khách sạn
[2]Ảnh hưởng đầu tiên mà các khách sạn trên tồn khu vực Châu Á – Thái
Bình Dương bị ảnh hưởng do hầu hết các khách sạn phụ thuộc vào số lượng lớn thị
trường khách du lịch Trung Quốc chẳng hạn như Việt Nam phải chịu những tác động
về việc hạn chế du lịch bởi Trung Quốc. Tổng cục Du lịch Việt Nam ước tính ngành du
lịch của nước này sẽ giảm trong khoảng từ 5,9 tỷ đến 7,7 tỷ USD do ảnh hưởng nặng
nề từ dịch Covid-19.

Hình 1 - 1:Số liệu covid-19 đến tháng 7/2021( nguồn: />
Nguyễn Đức Nguyên

11

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

Nguyễn Đức Nguyên

12

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
Ảnh hưởng Covid-19 đến lĩnh vực khách sạn trên toàn khu vực Châu Á –
Thái Bình Dương
Sự bùng phát đại dịch Covid-19 sẽ kéo dài và ảnh hưởng nặng nề đến ngành
công nghiệp khách sạn trên nhiều quốc gia. Theo như ông Govinda Singh – Giám đốc
điều hành Dịch vụ tư vấn và định giá tại Collier Internation nhận định rằng: Tại thị
trường Singapore, nếu như sự bùng phát của đại dịch lây lan kéo dài trên nhiều vùng
từ 3 đến 6 tháng thì cơng suất phịng có thể bị giảm sụt ít nhất từ 10% – 15% và có thể
lên đến 65%.
Các biện pháp khắc phục tình trạng Covid-19 ảnh hưởng trực tiếp đến sự phục
hồi nhanh chóng các ngành dịch vụ khách sạn. Việc ngăn chặn sự lây lan của Virus
càng nhanh thì ngành du lịch trên tồn cầu cũng sẽ được phục hồi một cách nhanh
chóng.
Trong khi phải đổi mặt với tỷ lệ đặt phòng ngày một giảm, đó cũng được xem
như là thách thức đối với các nhà kinh doanh khách sạn. Những người chủ khách sạn
cũng như những nhà quản lí khơng nên lo lắng trước sự biến động thị trường do sự ảnh
hưởng của Covid-19. Tỷ lệ đặt phòng trong giai đoạn này chắc chắn sẽ tăng trưởng khá
chậm nhưng chúng ta hồn tồn có thể tin tưởng và khẳng định rằng phát triển hoạt
động kinh doanh sẽ sớm được phục hồi trở lại.
Các chủ cơ sở kinh doanh khách sạn nên cân nhắc trước mỗi hành động cũng
như những kế hoạch nhằm thu hút gia tăng đặt phòng trong giai đoạn hiện tại như cắt
giảm giá phòng quá mức cho phép để thu hút khách hàng nhưng không mang lại lợi
nhuận kinh doanh hoặc tốn chi phí chi trả cho nhiều kênh phân phối khơng hiệu quả.
Thay vào đó, chúng ta cần có cái nhìn lâu dài để có xây dựng chiến lược kinh doanh tốt
nhất.

Nguyễn Đức Nguyên

13

Lớp CNPM - K62B


Đồ án tốt nghiệp chun ngành Cơng Nghệ Phần Mềm

Hình 1 - 2 : Nhiều khách sạn phải đóng cửa, ngưng hoạt động vô thời gian trong giai đoạn dịch
bệnh (nguồn : VNExpress)
Điều quan trọng khi khắc phục những khó khăn do ảnh hưởng từ Covid-19 là các
chuỗi khách sạn cần phải tận dụng, khai thác các thị trường khách du lịch ở nhiều quốc
gia trên toàn khu vực châu Á – Thái Bình Dương nhằm hạn chế những ảnh hưởng nặng
nề ở quốc gia này hoặc quốc gia khác.
Đối với những khách sạn vừa và nhỏ, ảnh hưởng đầu tiên mà dịch Covid-19 tác
động đến có thể thấy thơng qua sự gia tăng lượng khách hàng hủy chỗ nghỉ cũng như
các sự kiện đã đặt trước đó. Đối với những booking đặt phòng, cung cấp cho khách
nhiều sự lựa chọn như bao gồm ghi chú thẻ tín dụng hoặc các gói ưu đãi chào mừng
khách trở lại nhằm có thể giữ khách dài hạn. Đối với những hội nghị hay event, các
hoteliers giữ liên hệ và tương tác với các đơn vị tổ chức sự kiện để trì hỗn, dời lại
ngày tổ chức thay vì chấp nhận yêu cầu hủy của khách hàng ngay lúc đó.
Đối với các tập đồn khách sạn lớn cần xem xét lại tình hình kinh doanh của tập
đoàn và thị trường nguồn khách. Bằng cách đánh giá toàn bộ thị trường nguồn khách
mà khách sạn đang cung cấp dịch vụ và nhận dạng tiềm năng cũng như nhu cầu của

Nguyễn Đức Nguyên

14

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
nguồn thị trường khách hàng trong thời gian tới. Sau đó, có thể đo lường lại một cách
tổng quan về sự ảnh hưởng và đưa ra những chiến lược phù hợp.
Dự đoán nhu cầu của khách du lịch trong tương lai và xây dựng chiến lược phù
hợp
Sự gián đoạn quy mô lớn các thị trường du lịch toàn cầu do Covid-19 gây nên sẽ
dẫn đến việc giảm nhu cầu chung, khiến cho hầu hết các khách sạn sẽ ít tăng giá trong
suốt giai đoạn này.
Bởi lượng khách đi du lịch ở các địa điểm có phần giảm mạnh so với trước đây.
Và chắc chắn rằng, việc cắt giảm giá sẽ không làm tăng nhu cầu du lịch một cách tức
thời nếu mọi người đều bị mắc kẹt trong lệnh cấm đi lại – du lịch.

Hình 1 - 3 : Ảnh minh hoạ ( Nguồn : />Cũng nên chú ý rằng việc giảm giá có thể mang lại sự tăng nhanh về số lượng
đặt phịng nhưng chúng cũng có thể gây ra thiệt hại lâu dài cho bất kỳ khách sạn nào áp
dụng chiến lược này. Việc khách sạn đối mặt với thị trường nhu cầu du lịch ngày một
giảm bằng cách giảm giá phòng cũng là thách thức lớn đối với doanh nghiệp khách sạn
khi nhu cầu tăng trở lại.

Nguyễn Đức Nguyên

15

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
Các chủ khách sạn nên chú ý tập trung đến việc lập cơ hội cạnh tranh cho chính

khách sạn mình bằng cách tổng hợp các báo cáo từ các dữ liệu dịch vụ như tỷ lệ thu
mua và STR (tỷ lệ bán phòng).Các khách sạn cần phải điều chỉnh giá hợp lý theo xu
hướng giá phòng chung trong địa bàn thành phố và thay đổi mức giá phù hợp với các
đầu mối thị trường đang hợp tác.
Chuẩn bị các chiến lược khi khách sạn bước vào giai đoạn phục hồi nhanh chóng
Mặc dù sự bùng phát dịch Covid-19 ảnh hưởng trực tiếp đến lượng đặt phòng
nhưng các khách sạn nên xem đây là một cơ hội để đánh giá lại tình hình kinh doanh
của khách sạn mình. Khủng hoảng tạm thời như hiện nay có thể là thời điểm tốt để đào
tạo lại nhân viên và đánh giá lại kế hoạch đầu tư khách sạn hướng tới mục tiêu thành
công lâu dài.
Ngoài ra, việc cấm đi lại du lịch ở hiện tại sẽ gián tiếp ảnh hưởng đến nhu cầu du lịch
tăng cao khi thị trường du lịch mở cửa trở lại. Khi đó sẽ là cơ hội cho các khách sạn thu
hút các thị trường khách du lịch mới và mở rộng hợp tác với nhiều công ty du lịch lữ
hành trong và ngồi nước.
2.Tính cấp thiết, ý nghĩa khoa học và thực tiễn của đề tài
Qua yêu cầu thực tế đó em đã tìm hiểu cũng như đánh giá đi đến giải pháp
xây.dựng Website đặt phòng khách sạn The Legend với những tiện ích và giới thiệu
cho du khách những sự lựa chọn địa điểm du lịch hấp dẫn nhất cùng với những thơng
tin của địa điểm đó như: món ăn nổi tiếng, các lễ hội, những hình ảnh đặc trưng nhất...;
cung cấp thêm các thông tin về thời tiết khu vực, nơi nghỉ dưỡng, ăn uống. Website
cung cấp các chức năng về chia sẻ, bình luận và bài giới thiệu về địa điểm để làm tài
liệu tham khảo cho các du khách khác. Ngồi ra nhiều loại hình du lịch mới và các
chức năng hữu ích cho người dùng sẽ được cập nhật, bổ sung trong quá trình phát triển.
Nội dung của đồ án bao gồm:
Chương 1: Tổng quan về đề tài: Giới thiệu sơ lược về mục tiêu đề tài và các
cơ sở lý thuyết liên quan.
Chương 2: Phân tích thiết kế hệ thống: Chương này đi sâu vào tiếp cận hệ
thống được xây dựng trong đề tài từ các bước khảo sát, phân tích hệ thống.
Chương 3: Thiết kế hệ thống: Thiết kế cơ sở dữ liệu và giao diện hệ thống
trong đề tài.

Kết luận và hướng phát triển: Đưa ra kết quả và đánh giá hệ thống, hướng
phát triển trong tương lai của hệ thống.

Nguyễn Đức Nguyên

16

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
Trên thực tế khơng có sự thành cơng nào mà khơng gắn liền với những sự hỗ
trợ, giúp đỡ dù ít hay nhiều, dù trực tiếp hay gián tiếp của người khác. Trong suốt
quãng thời gian năm năm từ khi bắt đầu học tập tại giảng đường trường Đại học Mỏ
Địa Chất , em đã nhận được rất nhiều sự quan tâm, giúp đỡ của thầy cơ và các bạn.
Với lịng biết ơn sâu sắc nhất, em xin gửi lời cảm ơn chân thành tới tồn thể các
thầy cơ giáo trong khoa Công nghệ thông tin – Đại học Mỏ Địa Chất, những người đã
dạy dỗ và truyền đạt vốn kiến thức vơ cùng q báu của mình cho chúng em trong suốt
quãng thời gian học tại đây. Những tình cảm và kiến thức mà thầy cô đã gửi trao cho
chúng em sẽ là hành trang cho chúng em để bước đi trên những đoạn đường tương lai.
Nhóm em cũng xin gửi lời cảm ơn sâu sắc tới Thầy giáo – PGS. TS Lê Văn
Hưng, người đã tận tình hỗ trợ và dẫn dắt chúng nhóm em trong suốt q trình thực
hiện đồ án để có được kết quả một cách tốt nhất.
Một lần nữa em xin được chân thành cảm ơn!.

Nguyễn Đức Nguyên

17

Lớp CNPM - K62B

Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
CHƯƠNG 1 CƠ SỞ LÝ THUYẾT

1.1 HTML
1.1.1 HTML là gì?
[3]HTML tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Người ta thường sử
dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,…

Hình 2- 1 : HTML là ngơn ngữ đánh dấu siêu văn bản

Một Website thường chứa nhiều trang con và mỗi trang con này lại có
một tập tin HTML riêng. Lưu ý, HTML không phải là ngôn ngữ lập trình.
Điều này có nghĩa là nó khơng thể thực hiện các chức năng “động”. Hiểu
một cách đơn giản hơn, cũng tương tự như phần mềm Microsoft Word,
HTML chỉ có tác dụng bố cục và định dạng trang web. HTML khi kết
hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế
giới mạng.

Nguyễn Đức Nguyên

18

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
1.1.2 Lịch sử HTML

HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung
tâm nghiên cứu CERN ở Thụy Sĩ. Hiện nay, HTML đã trở thành một chuẩn
Internet được tổ chức W3C vận hành và phát triển. Bạn có thể tự tìm kiếm tình
trạng mới nhất của HTML tại bất kỳ thời điểm nào trên Website của W3C.

Hình 2- 2: HTML được phát hành lần đầu tiên vào 1991
Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên
bản HTML 4.01 được xuất bản năm 1999. Sau đó, các nhà phát triển đã thay thế
HTML bằng XHTML vào năm 2000.
Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được
thêm vào markup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như:
<article>, <header>, <footer>,…).
Theo Mozilla Developer Network thì HTML Element Reference hiện nay có
khoảng hơn 140 tag. Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do không
được hỗ trợ bởi các trình duyệt hiện hành).
1.1.3 Ưu diểm và nhược điểm của HTML
 Ưu điểm của HTML
 Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vơ cùng lớn
 Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay

Nguyễn Đức Nguyên

19

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

 Học HTML khá đơn giản cho người mới bắt đầu

 Các markup sử dụng trong HTML thường ngắn gọn và có độ đồng nhất
cao
 Sử dụng mã nguồn mở, hồn tồn miễn phí
 HTML là chuẩn web được vẫn hành bởi W3C
 Dễ dàng để tích hợp với các loại ngôn ngữ backend ( như : PHP,
Node.js)
 Nhược điểm của HTML
 Chỉ được áp dụng chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng
động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend
của bên thứ 3 (ví dụ như: PHP)
 Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố
trùng lặp như header, footer.
 Khó để kiểm sốt cách đọc và hiển thị file HTML của trình duyệt (ví dụ,
một số trình duyệt cũ khơng render được tag mới. Do đó, dù trong
HTML document có sử dụng các tag này thì trình duyệt cũng khơng đọc
được).
 Một vài trình duyệt cịn chậm cập nhật để hỗ trợ tính năng mới của
HTML
1.1.4 Các thuật ngữ HTML phổ biến
•

Elements: Là các chỉ định xác định nội dung, cấu trúc của các đối tượng
trong một Website. Tên Element được bao quang, xác định bằng dấu
ngoặc < >. Những yếu tố được sử dụng phổ biến là đoạn văn (

), các
cấp độ tiêu đề (từ

đến

), danh sách tiếp tục bao gồm <a>,
<div>, <span>, <strong>, và <em>,…

•

Tags: Một Element được bao quanh bởi các dấu ngoặc < > sẽ tạo ra các

thẻ. Ví dụ thẻ mở là dấu hiệu cho bạn biết sự bắt đầu của một Element (ví
dụ: <div>). Thẻ đóng sẽ đánh dấu vào cuối của một Element, có hình
thức là dấu ngặc nhỏ + dấu chéo + dấu ngoặc lớn (ví dụ: </div>). Ở giữa
thẻ mở và thẻ đóng là nội dung của Element.

•

Attributes: Là thuộc tính sử dụng để cung cấp thông tin bổ sung về một
Element. Các Attributes bao gồm tên và giá trị, được xác định sau tên của
một thành phần và trong thẻ mở. Attributes có định dạng như sau: tên
thuộc tính + dấu bằng + giá trị thuộc tính được trích dẫn. Ví dụ Element
<a> gồm một Attribute href: <a href=” />
Nguyễn Đức Nguyên

20

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

Howe</a>. Một số thuộc tính mà tơi thường dùng là Attribute Class, ID,
SRC, thuộc tính href,…
1.1.5 HTML5

HTML5 (hay cũng được gọi chung là HTML) được phát hành vào
năm 1999. Trong khi đó, phiên bản nâng cấp mới nhất của HTML là
HTML5 được phát hành vào năm 2014. So với HTML, HTML5 đã được bổ
sung thêm rất nhiều tính năng quan trọng. Cụ thể, một số tính năng mới của
HTML5 có thể kể đến như:

•

Khả năng hỗ trợ video và audio: Thay vì phải sử dụng Flash Player để
phát video/audio thì với HTML5, lập trình viên có thể nhúng trực tiếp file
video/audio vào trang web bằng cặp tag <audio></audio> hoặc
<video></video>.

•

Hỗ trợ scalable vector graphic (SVG) và MathML cho các cơng thức tốn
học hoặc phương trình hóa học.

•

Có thêm nhiều cải thiện về mặt ngôn ngữ. Chứa nhiều semantic tag giúp
người dùng hiểu được nội dung chính của Website là gì (ví dụ như:
<article></article>,<section></section>,<aside></aside>,<header>er>, <footer></footer>).

•

Hỗ trợ nhiều loại kiểu form hơn so với HTML như : email cho doanh
nghiệp, ngày/giờ, số điện thoại, URL, tìm kiếm,…
Ngồi ra, một số tag lỗi thời của HTML đã được loại bỏ ở phiên
bản HTML5, ví dụ như: isindex, noframes, acronym, applet, basefont, dir,
font, frame, frameset, big, center, strike,…
Một
khác
biệt
nữa

khơng
thể
khơng
nhắc
đến
giữa HTML và HTML5 đó là: HTML khơng cho phép JavaScript chạy
trong trình duyệt web (JavaScript bắt buộc phải chạy trong interface thread
của trình duyệt). Cịn HTML5 lại có thể hỗ trợ để JavaScript chạy nền (nhờ
có JS web worker API).

Nguyễn Đức Nguyên

21

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

1.2 CSS
1.2.1 CSS là gì?
[4]CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngơn ngữ
được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngơn
ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho
trang web. Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định
dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề,
bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML
đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu

Hình 2- 3 : CSS là gì?

trúc…
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm
1996, vì HTML khơng được thiết kế để gắn tag để giúp định dạng trang
web.
Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn,
vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu
khác. Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ
markup (nền tảng của site) và CSS định hình phong cách (tất cả những gì
tạo nên giao diện website), chúng là khơng thể tách rời.

Nguyễn Đức Nguyên

22

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

1.2.2 Tại sao cần phải có CSS
 Giải quyết một vấn đề lớp
Trước khi có css, các thẻ như phơng chữ, màu sắc, kiểu nền, các
sắp xếp phần tử, đường viền và kích thước phải được lặp lại trên mọi
trang web. đây là một quá trình rất dài tốn thời gian và cơng sức. ví dụ:
nếu bạn đang phát triển một trang web lớn nơi phông chữ và thông tin
màu được thêm vào mỗi trang, nó sẽ trở thành một quá trình dài và tốn
kém. css đã được tạo ra để giải quyết vấn đề này. đó là một khuyến cáo
của w3c.

Nhờ css mà source code của trang web sẽ được tổ chức gọn gàng
hơn, trật tự hơn. nội dung trang web sẽ được tách bạch hơn trong việc
định dạng hiển thị. từ đó, q trình cập nhập nội dung sẽ dễ dàng hơn và
có thể hạn chế tối thiểu làm rối cho mã html.
 Tiết kiệm rất nhiều thời gian
Định nghĩa kiểu css được lưu trong các tệp css bên ngồi vì vậy có
thể thay đổi tồn bộ trang web bằng cách thay đổi chỉ một tệp. sử dụng
css sẽ giúp bạn không cần thực hiện lặp lại các mô tả cho từng thành
phần. từ đó, bạn có thể tiết kiệm được tối đa thời gian làm việc với nó,
làm code ngắn lại giúp kiểm soát dễ dàng hơn các lỗi khơng đáng có.
CSS tạo ra nhiều style khác nhau nên có thể được áp dụng với
nhiều trang web, từ đó giảm tránh việc lặp lại các định dạng của các
trang web giống nhau.

Nguyễn Đức Nguyên

23

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm

 Cung cấp các thuộc tính
CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của
trang web. CSS giúp người dùng nhiều styles trên một trang web HTML nên khả
năng điều chỉnh trang của bạn trở nên vơ hạn.

Hình 2- 4 : CSS và những lý do cần có

1.2.3 Các phiên bản của CSS
CSS được xuất hiện lần đầu tiên vào ngày 10/10/1994 bởi Håkon Wium
Lie. Bắt đầu đó, các phiên bản của CSS dần được hình thành qua nhiều giai đoạn.
Từ lúc xuất hiện đến nay, CSS đã có nhiều phiên bản khác nhau. Các phiên bản
mới sẽ giúp vá các lỗi của phiên bản cũ và mang đến nhiều cải tiến hơn.
Phiên bản 1
Với phiên bản đầu tiên CSS có những đặc điểm cụ thể như: thuộc tính
font chữ, màu văn bản, hình nền, các thuộc tính văn bản, căn lề, định vị cho các
yếu tố, nhận dạng duy nhất và phân loại chung các nhóm thuộc tính.
Phiên bản 2
CSS phiên bản 2 được W3C phát triển vào tháng 5 năm 1998. Với những cải
tiến từ phiên bản CSS đầu tiên và mang đến những cải tiến mới như định vị tuyệt
đối, tương đối và cố định các yếu tố chỉ mục z. Khái niệm về các loại phương
tiện, hỗ trợ cho các biểu định kiểu âm thanh và văn bản hai chiều. Xuất hiện các
kiểu font chữ mới để định dạng văn bản.

Nguyễn Đức Nguyên

24

Lớp CNPM - K62B


Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm
CSS 2.1
Ngồi ra, sau phiên bản 2 cịn có một sự nâng cấp khác là CSS 2.1 được
release vào tháng 4 năm 2011. Nhằm mục đích sửa lỗi và loại bỏ những tính năng
kém hoặc khơng tương thích cho người dùng.
CSS3
CSS3 là phiên bản thay thế cho CSS2 với sự thay đổi đáng chú ý là module.

Các module có khả năng mở rộng các tính năng được xác định trong CSS2. Nhằm
duy trì khả năng tương thích ngược.
Đặc biệt, CSS3 mang đến các bộ chọn (selector) và thuộc tính (properties)
mới cho phép linh hoạt hơn với bố cục và trình bày trang. Nhờ đó, người lập trình
có thể tạo ra các hiệu ứng hình ảnh mà khơng cần tạo ra hình ảnh trước đó.

Hình 2- 5: CSS 3
CSS 4
CSS 4 là phiên bản kế thừa CSS 3 hiện vẫn đang được cập nhật, phát triển và
được dự đốn sẽ có rất nhiều phương thức mới được thêm vào như: Mutability,
Hyperlink…

1.3 Javascript
1.3.1 Javascript là gì?

Nguyễn Đức Nguyên

25

Hình 2- 6 : Javascript là gì ?

Lớp CNPM - K62B