37
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN CƠ SỞ 1 WEBSITE REVIEW DANH LANH THẮNG CẢNH VÀ ĐẶC SẢN ĐÀ NẴNG Sinh viên thực hiện : NGUYỄN THỊ THANH LOAN ĐỖ THỊ MỸ ANH Lớp : 20IT11 20IT8 Giảng viên hướng dẫn : TS. DƯƠNG THỊ MAI NGA 1

MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

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

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1

WEBSITE REVIEW DANH LANH THẮNG CẢNH VÀ ĐẶC SẢN ĐÀ NẴNG

Sinh viên thực hiện : NGUYỄN THỊ THANH LOAN ĐỖ THỊ MỸ ANH

Lớp : 20IT11 20IT8 Giảng viên hướng dẫn: TS. DƯƠNG THỊ MAI NGA

Đà Nẵng, tháng 05 năm 2021

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

1

Page 2: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1

WEBSITE REVIEW DANH LANH THẮNG CẢNH VÀ ĐẶC SẢN ĐÀ NẴNG

Sinh viên: NGUYỄN THỊ THANH LOAN Mã: 20IT565

ĐỖ THỊ MỸ ANH Mã: 20IT357

Giảng viên hướng dẫn: TS. DƯƠNG THỊ MAI NGA

Đà Nẵng, tháng 05 năm 2021

2

Page 3: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

……………………………………………………………………………

3

Page 4: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

LỜI CẢM ƠN

NHẬN XÉT(Của cơ quan thực tập, nếu có)

Bold, size 16, xếp sau trang Lời cảm ơn

4

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 Công

nghệ thông tin và Truyền Thông Việt-Hàn – Đại học Đà Nẵng, nhóm chúng 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, nhóm em xin gửi lời cảm ơn chân thành tới toàn

thể các thầy cô giáo trong khoa Khoa học Máy tính – Đại học Công nghệ Thông tin và

Truyền thông Việt-Hàn, những người đã dạy dỗ và truyền đạt vốn kiến thức vô cùng

quý 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 Cô giáo – Thạc sĩ Dương Thị Mai

Nga, người đã tận tình hỗ trợ và dẫn dắt chúng nhóm em trong suốt quá 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 nhóm em xin được chân thành cảm ơn!

Sinh viên 1 Sinh viên 2 .

Nguyễn Thị Thanh Loan Đỗ Thị Mỹ Anh

Page 5: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

MỤC LỤC

trangMỞ ĐẦU.............................................................................................................................7

I. Giới thiệu.................................................................................................................7II. Mục tiêu của đề tài...................................................................................................7III. Nội dung và kế hoạch thực hiện.............................................................................8IV. Bố cục báo cáo.......................................................................................................8

Chương 1 NGHIÊN CỨU TỔNG QUAN.......................................................................8I. Tổng quan................................................................................................................8

a. CSS..................................................................................................................9b. HTML............................................................................................................10c. Javascript:......................................................................................................12

1. Kết luận:............................................................................................................13II. Kết chương 1..........................................................................................................13

Chương 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...................................................13I. Phân tích hệ thống:................................................................................................13

1. Thương hiệu......................................................................................................142. Yêu cầu chi tiết về trang web:..........................................................................15

II. Thiết kế hệ thống...................................................................................................16Các bước thiết kế.......................................................................................................16

1. Mô hình quản lý Thông Tin..........................................................................172. Mô hình chức năng Phản Hồi- Liên Hệ.........................................................18

III. Kết chương 2........................................................................................................18Chương 3 XÂY DỰNG WEBSITE...............................................................................19

I. Tổng quan của hệ thống nghiên cứu......................................................................191. Chức năng.........................................................................................................192. Yêu cầu chi tiết về trang web:..........................................................................19

Thiết kế chi tiết..............................................................................................................201. Mô hình quản lý Thông Tin..............................................................................212. Mô hình chức năng Phản Hồi- Liên Hệ............................................................22

Kết quả...........................................................................................................................223. Đối với người dùng...........................................................................................224. Đối với người quản trị......................................................................................235. Một số hình ảnh về trang web khi hoàn thiện...................................................23

Chương 4 KẾT LUẬN...................................................................................................27Kết luận..........................................................................................................................27Hướng phát triển............................................................................................................27

1. Thị trường:........................................................................................................272. Tính khả thi:......................................................................................................283. Chiến lược cạnh tranh:......................................................................................284. Phát triển, bổ sung............................................................................................28

Tổng Kết........................................................................................................................29Tài Liệu Tham Khảo..........................................................................................................30

5

Page 6: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

DANH MỤC HÌNH VẼtrang

Hình 1.1 - CSS...................................................................................................................10Hình 1.2 - HTML...............................................................................................................11Hình 1.3 - Mẫu HTML.......................................................................................................11Hình 1.4 - JavaScript.........................................................................................................12Hình 2.1 Logo website.......................................................................................................15Hình 2.2 Mô hình quản lý Thông Tin................................................................................17Hình 2.3 Mô hình chức năng Phản Hồi-Liên Hệ...............................................................18Hình 3.1 Mô hình quản lý Thông Tin................................................................................21Hình 3.2 Mô hình chức năng Phản Hồi-Liên Hệ...............................................................22Hình 3.3 Trang chủ............................................................................................................23Hình 3.4 Trang địa điểm....................................................................................................23Hình 3.5 Trang món ăn......................................................................................................24Hình 3.6 Trang thư viện ảnh..............................................................................................24Hình 3.7 Trang liên hệ.......................................................................................................25Hình 3.8 Trang giới thiệu công ty......................................................................................25Hình 3.9 Mục đánh giá và góp ý........................................................................................26

DANH MỤC BẢNGtrang

Bảng 1 - Phân bổ thời gian thực hiện..................................................................................8

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

VIẾT TẮT NỘI DUNG

CNTT Công Nghệ Thông Tin

6

Page 7: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

MỞ ĐẦU I. Giới thiệu

- Trong thời đại Công nghệ thông tin hiện nay, sự trao đổi thông tin trở thành nhu cầu

thiết yếu không thể thiếu đối với quốc gia nói riêng và toàn thế giới nói chung.

CNTT là một trong những mũi nhọn được ưu tiên hàng đầu với các nước trong khu

vực. Sự phát triển công nghệ thông tin luôn gắn chặt với sự phát triển kinh tế cũng

như sự phát triển của các ứng dụng khoa học kỹ thuật

- Ngày nay phát triển công nghệ thông tin là xây dựng cơ sở hạ tầng làm nền tảng

vững chắc để xây dựng và phát triển một nền kinh tế vững mạnh. Ứng dụng của

CNTT rất rộng lớn, trong nhiều lĩnh vực như: truyền thông, điều khiển tự động, quản

lý các hoạt động của con người và hoạt động xã hộ ... CNTT đã thâm nhập vào mọi

lĩnh vực trong xã hội với mọi phương thức hoạt động hoàn toàn mới mẻ, sáng tạo mà

không mất đi tính chính xác. Cùng với sự phát triển của công nghệ thông tin, ta

không thể không kể đến sự phát triển của ngành du lịch.

- Đà Nẵng là một trong những thành phố du lịch nổi tiếng tại Việt Nam. Thành phố

này luôn có sức hấp dẫn lạ kỳ với mọi du khách. Đến với Đà Nẵng, dường như

không ai có thể cưỡng lại khi được chiêm ngưỡng những nét hiện đại phát triển của

đô thị, vừa được đắm mình trong nhũng nét cổ kính ẩn sâu trong những góc đường,

ngõ phố. Bên cạnh đó khi đến Đà Nẵng du khách như vừa mở ra cánh cổng của sơn

hào hải vị. Chính vì vậy, để du khách có thể dễ dàng tìm kiếm những địa điểm du

lịch và thưởng thức những đặc sản tại Đà Nẵng. Nhóm chúng em đã tạo ra một trang

web giới thiệu về danh lam thắng cảnh và những món ăn đặc sản tại Đà Nẵng.

II. Mục tiêu của đề tài

- Ngành du lịch đang trên đà phát triển trên cả nước nói chung và Đà Nẵng nói riêng.

Đà Nẵng là thành phố đáng sống, một trong nhưng thành phố được khách du lịch ưu

tiên hàng đầu trong những dịp du lịch bởi bở biển trong xanh, những địa điểm thu

hút và những món ăn đặc sắc.

- Nhưng nhiều khách du lịch trong và ngoài nước đến đây- một địa điểm du lịch mới

lạ thì không khỏi bỡ ngỡ, băn khoăn rằng:” Hôm nay đi dâu?”,” Hôm nay ăn gì?”

hay “Chỗ nào bán đặc sản Đà Nẵng ngon?”.

7

Page 8: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

- Vì vậy chúng em tạo ra website này vừa có địa điểm du lịch lẫn nhưng món ăn ngon

kèm theo đó là những địa điểm ăn nổi tiếng.

- Mục tiêu của đề tài nhằm giới thiệu chia sẻ cho mọi người những thông tin về danh

lam thắng cảnh và đặc sản Đà Nẵng phục vụ cho chuyến du lịch của mọi người khi

đến nơi đây thuận tiện và trọn vẹn nhất.

III. Nội dung và kế hoạch thực hiện

Thời gian Nội dung thực hiện

20/03/2021->28/03/2021 Tìm hiểu về nội dung đồ án, giảng viên và sinh viên thống nhất nội dung đồ án, kế hoạch xây dựng và thực hiện.

29/03/2021->04/04/2021 Tìm hiểu cơ sở lý thuyết, phương thức thực hiện.

05/04/2021->11/04/2021 Xác định, phân tích, thiết kế webiste.

12/04/2021->22/05/2021 Thiết kế website và kết hợp viết báo cáo, làm slide.

17/05/2021->23/05/2021 Demo sản phẩm, nộp và sửa báo cáo.

24/05/2021->30/05/2021 Hoàn thiện mã nguồn, báo cáo, slides và nộp lên hệ thống.

Bảng 1 - Phân bổ thời gian thực hiện

IV. Bố cục báo cáo- Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau: Chương 1. Tổng quan về website:Trong chương này, báo cáo trình bày các khái

niệm, đặc điểm.

Chương 2. Phân tích thiết kế hệ thống: Chương này trình bày các yêu cầu, các bước

thiết kế…để thực hiện nhằm giải quyết vấn đề.

Chương 3. Xây dựng website: Chương này trình bày các kết quả, chức năng cài đặt

được của hệ thống: về phía người dùng & về phía người quản trị, giao diện.

Chương 4 Kết luận và hướng phát triển: Chương này tổng kết đề tài và đưa ra

phương hướng phát triển trong tương lai.

8

Page 9: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Hình 1.1 – CSS - Nguồn:Wikipedia

Chương 1 NGHIÊN CỨU TỔNG QUANI. Tổng quan

- Ngành du lịch đang trên đà phát triển trên cả nước nói chung và Đà Nẵng nói riêng.

Đà Nẵng là thành phố đáng sống, một trong nhưng thành phố được khách du lịch ưu

tiên hàng đầu trong những dịp du lịch bởi bở biển trong xanh, những địa điểm thu

hút và những món ăn đặc sắc.

- Nhưng nhiều khách du lịch trong và ngoài nước đến đây- một địa điểm du lịch mới

lạ thì không khỏi bỡ ngỡ, băn khoăn rằng:” Hôm nay đi dâu?”,” Hôm nay ăn gì?”

hay “Chỗ nào bán đặc sản Đà Nẵng ngon?”.

- Vì vậy chúng em tạo ra website này vừa có địa điểm du lịch lẫn nhưng món ăn ngon

kèm theo đó là những địa điểm ăn nổi tiếng.

Lên ý tưởng cho sản phẩm:

o Đối tượng hướng đến: Khách du lịch, những người muốn tìm hiểu về Đà

Nẵng

o Sản phẩm mang lại cho mọi người: Thông tin về danh lam thắng cảnh và

đặc sản Đà Nẵng ngoài ra còn có một số chức năng khác

Thiết bị và phần mềm:

o Thiết bị: Máy tính có thể thiết kế được web.

o Phần mềm thiết kế web: Visual Studio Code.

o Một số ngôn ngữ được sử dụng và ưu điểm, nhược điểm của nó:

a. CSS

- CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language.

Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn

ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của nhiều trang web

cùng lúc để tiết kiệm công sức cho người viết web. Nó phân biệt cách hiển thị của

trang web với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và

font chữ.

9

Page 10: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Ưu điểm:

o CSS giúp bạn thực hiện định kiểu mọi thứ mình muốn lên một file khác.

Nhờ vậy, bạn có thể tạo ra được những phong cách phù hợp rồi mới tích

hợp các file CSS lên trên cùng file của HTML. Điều này sẽ giúp cho

HTML được makup rõ ràng nhất và người dùng có thể quản lý website dễ

dàng hơn.

o 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ó. 

o 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. 

o Nhờ CSS mà mã nguồn 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ừ đó, quá 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.

- CSS tạo ra nhiều kiểu dáng 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. 

Nhược điểm:

o Margins không đúng.

o Không Expressionsm.

o Thiếu các biến.

o Hỗ trợ trình duyệt không nhất quán.

o Kiểm soát Giới hạn.

b. HTML

Hình 1.2 – HTML-Nguồn:Wikipedia

10

Page 11: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

- HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo

và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn,

heading, links, blockquotes, ....

- HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra

các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và

định dạng trang web.

- Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và

attributes) để đánh dấu lên trang web. Ví dụ, chúng ta có thể tạo một đoạn văn bằng

cách đặt văn bản vào trong cặp tag mở và đóng văn bản <p> và </p>.

Hình 1.3 - Mẫu HTML - Nguồn:Wikipedia

Ưu điểm:

o Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ

và cộng đồng sử dụng cực lớn.

o Sử dụng mượt mà trên hầu hết mọi trình duyệt.

o Có quá trình học đơn giản và trực tiếp.

o Mã nguồn mở và hoàn toàn miễn phí.

o Markup gọn gàng và đồng nhất.

o Chuẩn chính của web được vận hành bởi World Wide Web Consortium

(W3C).

o Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.

Nhược điểm:

o Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động, bạn cần sử

dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.

o Nó có thể thực thi một số logic nhất định cho người dùng. Vì vậy, hầu hết

các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố,

như là headers hay footers.

o Một số trình duyệt chậm hỗ trợ tính năng mới.

o Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ, những trình duyệt cũ

không render được tag mới).

11

Page 12: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

c. Javascript:

Hình 1.4 - JavaScript - Nguồn:Wikipedia

- JavaScript là một ngôn ngữ lập trình hoặc ngôn ngữ kịch bản cho phép triển

khai những chức năng phức tạp trên trang web như hiển thị các cập nhật nội dung kịp

thời, tương tác với bản đồ, hoạt cảnh 2D/3D vv...

- Là ngôn ngữ kịch bản cho phép tạo ra trang web động - cập nhật nội dung theo ngữ

cảnh, điều khiển đa phương tiện, hoạt cảnh các hình ảnh và nhiều thứ hay ho khác.

(Dĩ nhiên không phải mọi thứ, nhưng chỉ với một vài dòng code, JavaScript có thể

làm được nhiều điều đáng kinh ngạc.)

Ưu điểm:

o Ít tương tác với máy chủ. Bạn có thể xác thực đầu vào của người dùng

trước khi gửi trang đến máy chủ. Điều này giúp tiết kiệm lưu lượng máy

chủ, có nghĩa là tải ít hơn trên máy chủ của bạn.

o Phản hồi ngay lập tức cho khách truy cập. Họ không phải đợi tải lại trang

để xem họ có quên nhập nội dung nào không.

o Tăng tính tương tác. Bạn có thể tạo các giao diện phản ứng khi người dùng

di chuột qua chúng hoặc kích hoạt chúng thông qua bàn phím.

o Giao diện phong phú hơn. Bạn có thể sử dụng JavaScript để bao gồm các

mục như các thành phần kéo và thả để trượt Giao diện phong phú cho

khách truy cập trang web của bạn.

Nhược điểm:

12

Page 13: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

o JavaScript phía máy khách không cho phép đọc hoặc ghi tệp. Điều này đã

được giữ vì lý do an ninh.

o JavaScript không thể được sử dụng cho các ứng dụng mạng vì không có hỗ

trợ như vậy.

o JavaScript không có bất kỳ khả năng đa luồng hoặc đa xử lý nào.

1. Kết luận:

- Mặc dù HTML là một ngôn ngữ mạnh mẽ, nó vẫn không đủ tính năng để xây dựng

một website chuyên nghiệp và hoàn toàn responsive. Chúng ta chỉ có thể dùng

HTMl để thêm element dạng văn bản và tạo ra giao diện cấu trúc cho nội dung.

- Tuy nhiên, HTML tương thích hoàn toàn với 2 ngôn ngữ frontend là: CSS và

JavaScript. Cùng với nhau, những ngôn ngữ này có thể kết hợp với nhau để tăng trải

nghiệm người dùng và thiết lập các chức năng cao cấp khác:

HTML cung cấp cấu trúc cơ bản của các trang web, được cải tiến và sửa đổi bởi

các công nghệ khác như CSS và JavaScript.

CSS được sử dụng để kiểm soát trình bày, định dạng và bố cục.

JavaScript được sử dụng để kiểm soát hành vi của các yếu tố khác nhau.

- Hãy xem HTML giống như là một người, CMS giống như là quần áo, JavaScript là

cách ứng xử và hành vi của người đó.

II. Kết chương 1

- Thông qua tìm hiểu các kiến thức, thông tin liên quan đến đề tài từ đó, làm cơ sở đề

xuất các bước thiết kế sẽ được trình bày trong chương tiếp theo.

13

Page 14: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Chương 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNGI. Phân tích hệ thống:

- Ngành du lịch đang trên đà phát triển trên cả nước nói chung và Đà Nẵng nói riêng.

Đà Nẵng là thành phố đáng sống, một trong nhưng thành phố được khách du lịch ưu

tiên hàng đầu trong những dịp du lịch bởi bở biển trong xanh, những địa điểm thu

hút và những món ăn đặc sắc.

- Nhưng nhiều khách du lịch trong và ngoài nước đến đây- một địa điểm du lịch mới

lạ thì không khỏi bỡ ngỡ, băn khoăn rằng:” Hôm nay đi dâu?”,” Hôm nay ăn gì?”

hay “Chỗ nào bán đặc sản Đà Nẵng ngon?”.

- Vì vậy chúng em tạo ra website này vừa có địa điểm du lịch lẫn nhưng món ăn ngon

kèm theo đó là những địa điểm ăn nổi tiếng.

1. Thương hiệu

- L.A Travel là tên công ty cũng như là tên web của chúng em, về ý nghĩa website Đà

Nẵng là nơi chúng em sinh ra và lớn lên, chúng em đã lấy chữ cái đầu trong tên mỗi

thành viên để đặt tên (Loan, Anh) với mong muốn chúng em như là những hướng

dẫn viên du lịch online đồng hành cũng như cung cấp, chia sẻ cho mọi người những

thông tin trong suốt chuyến du lịch đến Đà Nẵng-Thành phố đáng sống, quê hương

của mình.

Hình 2.5 Logo website

14

Page 15: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Với câu châm ngôn: “Adventure is worthwhile” - những cuộc phiêu lưu là đáng

giá, khuyến khích mọi người đi du lịch trải nghiệm, tìm tòi và khám phá cũng như

thông qua website khẳng định du lịch Đà Nẵng sẽ là chuyến du lịch đáng giá, thú

vị, đầy sức hấp dẫn.

Bài giới thiệu về website:

- Hiện nay du lịch Việt Nam đang từng bước phát triển và nhanh chóng từng bước hòa

nhập vào nền kinh tế chung của cả nước, cũng như từng bước hòa nhập vào sự phát

triển chung của toàn ngành du lịch thế giới. Trong đó số đó không thể nào không nói

đến Đà Nẵng - một trong những thành phố du lịch nổi tiếng tại Việt Nam.

- Hàng năm Đà Nẵng đã tiếp đón hơn hàng triệu khách du lịch đến đây. Thành phố

này luôn có sức hấp dẫn lạ kỳ với mọi du khách. Đến với Đà Nẵng, dường như

không ai có thể cưỡng lại khi được chiêm ngưỡng những nét hiện đại phát triển của

đô thị, vừa được đắm mình trong những nét cổ kính ẩn sâu trong những góc đường,

ngõ phố. Bên cạnh đó khi đến Đà Nẵng, du khách như vừa mở ra cách cổng sơn hào

hải vị. Chính vì vậy, công ty L.A Travel sẽ giúp du khách dễ dàng tìm kiếm địa điểm

thăm quan và thưởng thức những đặc sản Việt Nam. L.A Travel đã tạo ra một trang

web giới thiệu về danh lam thắng cảnh và những món ăn đặc sản Đà Nẵng.

- L.A Travel đã không ngừng cố gắng phấn đấu để hoàn thiện và phát triển hơn. Công

ty đã gây ấn tượng cho khách du lịch và đem lại niềm tin cho khách. Không chỉ

khách trong nước mà còn có cả khách nước ngoài. Họ để lại cho xã hội Việt Nam

những nguồn thu lớn và qua việc giao lưu văn hóa đã tạo cho nhân dân hiểu biết

thêm về văn hóa một số nước.

- Ngoài ra công ty còn tổ chức những cuộc giao lưu giữa khách và các cơ sở tại những

điểm du lịch nhằm mục đích giao lưu học hỏi tạo mối quan hệ mật thiết với khách

nhằm để lại những ấn tượng tốt về Việt Nam nói chung và Đà Nẵng nói riêng đối

với khách du lịch. Qua việc tổ chức đó đã tạo nhiều thành quả như thu hút sự đầu tư

của nước ngoài vào Đà Nẵng cũng như Việt Nam.

- Chỉ cần bạn trao tôi 1% tin tưởng, tôi sẽ trả bạn 100% hài lòng. Đó là châm ngôn

cũng như động lực của L.A Travel. Chúng tôi luôn cố gắng hoàn thiện chính mình,

để mang đến cho bạn sự trải nghiệm tốt nhất. Đến Đà Nẵng, hãy chọn L.A Travel!

- Cảm ơn vì đã chọn chúng tôi giữa rất nhiều sự lựa chọn ngoài kia và chúng tôi sẽ

không để bạn phải thất vọng vì sự lựa chọn này. Rất hân hạnh được phục vụ quý

khách.

15

Page 16: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

2. Yêu cầu chi tiết về trang web:

- Hệ thống có 2 phần:

Thứ nhất: Phần người dùng: Người dùng là những người có nhu cầu tìm hiểu, tìm

kiếm thông tin về địa điểm hay món ăn khi họ tới một vùng đất mới. Vì thế phải

có các chức năng sau:

o Hiển thị danh sách thông tin địa điểm, món ăn đặc sản.

o Sau khi người dùng bấm vào từng địa điểm hay món ăn thì sẽ có bài viết

chi tiết để người dùng có thể hiểu rõ hơn và giúp họ muốn đi đâu ăn gì

hơn.

o Người dùng sẽ đóng góp ý kiến về với quản trị viên hoặc bình luận vào để

đánh giá bài viết có đúng hay không.

Thứ hai: Phần dành cho người quản trị: Người làm chủ trang web, có quyền kiểm

soát mọi hoạt động của hệ thống. Cập nhật thông tin và phát triển trang web liên

tục.

o Chức năng cập nhật, sửa, xóa các thông tin, nhà cung cấp dịch vụ. Đòi hỏi

sự chính xác tuyệt đối.

o Kèm theo đó là thiết kế trang web hoàn toàn dễ sử dụng đối với người dùng,

đáp ứng đúng nhu cầu của người dùng. Điều quan trọng là phải đảm bảo

thông tin chuẩn xác trong quá trình sử dụng của người dùng, tạo sự tin tưởng

với người dùng khi sử dụng trang web. Đồng thời trang web phải đổi mới,

cập nhật thông tin thường xuyên để người dùng không chán.

II. Thiết kế hệ thống

Các bước thiết kế

- Trong quá trình thức hiện, tìm hiểu, xây dung hướng phát triển hệ thống chúng em

đã phát triển lên mô hình phân tích thiết kế hệ thống cho website “L.A Travel”

Mô hình quản lý Thông Tin

Mô hình chức năng Phản Hồi-Liên Hệ

16

Page 17: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

1. Mô hình quản lý Thông Tin

Hình 2.6 Mô hình quản lý Thông Tin

17

Page 18: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

2. Mô hình chức năng Phản Hồi- Liên Hệ

Hình 2.7 Mô hình chức năng Phản Hồi-Liên Hệ

III. Kết chương 2

- Thông qua các các bước thiết kế trang web đã được trình bày. Các kết quảvà chức

năng cài đặt được của hệ thống về phía người dùng & về phía người quản trị, giao

diện sẽ được trình bày trong chương tiếp theo

18

Page 19: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Chương 3 XÂY DỰNG WEBSITE I. Tổng quan của hệ thống nghiên cứu

1. Chức năng

Đề tài: “Xây dựng website review về danh lam thắng cảnh và đặc sản Đà Nẵng”

- Đây là 1 website review về Đà Nẵng, khách du lịch lần đầu đến với Đà Nẵng sẽ

không hiểu biết nhiều về những địa điểm thú vị nơi đây hay những món ăn đặc sản

mà ai cũng phải thử một lần. Website chúng em sẽ hỗ trợ khi mọi người truy cập vào

trang web và có những chức năng sau:

Hiển thị trang chủ và số thông tin và chức năng cơ bản.

Hiển thị địa điểm và những món ăn đặc sản nổi bật ở trang chủ.

Giới thiệu chi tiết các địa điểm du lịch nổi tiếng.

Giới thiệu chi tiết các món ăn đặc sản và các địa điểm bán.

Hiển thị 1 số tour du lịch và khách sạn để người dùng tham khảo.

Hiển thị 1 số nhà hàng tốt để người dung tham khảo.

Hiển thị tính năng đánh giá, bình luận và đóng góp ý kiến.

Hiển thị địa chỉ và thông tin liên hệ của công ty.

2. Yêu cầu chi tiết về trang web:

- Hệ thống có 2 phần:

Thứ nhất: Phần người dùng: Người dùng là những người có nhu cầu tìm hiểu, tìm

kiếm thông tin về địa điểm hay món ăn khi họ tới một vùng đất mới. Vì thế phải

có các chức năng sau:

o Hiển thị danh sách thông tin địa điểm, món ăn đặc sản.

o Sau khi người dùng bấm vào từng địa điểm hay món ăn thì sẽ có bài viết chi

tiết để người dùng có thể hiểu rõ hơn và giúp họ muốn đi đâu ăn gì hơn.

o Người dùng sẽ đóng góp ý kiến về với quản trị viên hoặc bình luận vào để

đánh giá bài viết có đúng hay không.

Thứ hai: Phần dành cho người quản trị: Người làm chủ trang web, có quyền kiểm

soát mọi hoạt động của hệ thống. Người này tiếp nhận đóng góp ý kiến của người

dung, cập nhật thông tin và phát triển trang web liên tục.

19

Page 20: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

o Chức năng cập nhật, sửa, xóa các thông tin, nhà cung cấp dịch vụ. Đòi hỏi

sự chính xác tuyệt đối.

o Tiếp nhận những đóng góp của người dùng, kiểm tra đóng góp và cập nhật

them các thông tin mới.

o Kèm theo đó là thiết kế trang web hoàn toàn dễ sử dụng đối với người dùng,

đáp ứng đúng nhu cầu của người dùng. Điều quan trọng là phải đảm bảo

thông tin chuẩn xác trong quá trình sử dụng của người dùng, tạo sự tin tưởng

với người dùng khi sử dụng trang web. Đồng thời trang web phải đổi mới,

cập nhật thông tin thường xuyên để người dùng không chán.

Thiết kế chi tiết

- Trong quá trình thức hiện, tìm hiểu, xây dung hướng phát triển hệ thống chúng em

đã phát triển lên mô hình phân tích thiết kế hệ thống cho website “L.A Travel”

Mô hình quản lý Thông Tin

Mô hình chức năng Phản Hồi-Liên Hệ

20

Page 21: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

1. Mô hình quản lý Thông Tin

Hình 3.8 Mô hình quản lý Thông Tin

21

Page 22: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

2. Mô hình chức năng Phản Hồi- Liên Hệ

Hình 3.9 Mô hình chức năng Phản Hồi-Liên Hệ

Kết quả

3. Đối với người dùng

- Toàn bộ thông tin mà người dùng cần tìm kiếm mang tính xác thực cực kì cao.

- Xem chi tiết toàn bộ thông tin về danh lam thắng cảnh và món ăn đặc sản Đà Nẵng.

- Cho phép người dùng góp ý, đánh giá và được phản hồi trực tiếp thông qua tính

năng bình luận.

- Trang web đơn giản dễ sử dụng đối với hầu hết người dùng.

- Có thể dùng được trên mọi thiết bị công nghệ hiện nay.

22

Page 23: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

4. Đối với người quản trị

- Tiếp nhận và phản hồi ý kiến người dùng dễ dàng.

- Thường xuyên cập nhật thông tin mới một cách nhanh chóng.

- Có thể làm việc trên nhiều loại thiết bị.

- Dễ dàng kiểm soát hoạt động toàn bộ hệ thống.

5. Một số hình ảnh về trang web khi hoàn thiện

Hình 3.10 Trang chủTrang này là trang chủ nhằm nêu ra vài địa điểm du lịch và món ăn đặc sản của Đà Nẵng.

Hình 3.11 Trang địa điểm Trang này nêu ra hết địa điểm tham quan của Đà Nẵng. Người dùng có thể tìm kiếm địa

điểm và bấm vào địa điểm mà người dùng muốn tham quan để được biết chi tiết.

23

Page 24: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Hình 3.12 Trang món ănTrang này nêu ra hết món ăn đặc sản của Đà Nẵng. Người dùng có thể tìm kiếm món ăn

và bấm vào món ăn mà người dùng muốn thương thức để được biết chi tiết.

Hình 3.13 Trang thư viện ảnhTrang này sưu tầm những hình ảnh địa điểm du lịch và món ăn đặc sản Đà Nẵng. Người

dùng có thể ngắm nhìn toàn vẹn một Đà Nẵng thu nhỏ tại trang này.

24

Page 25: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Hình 3.14 Trang liên hệ

Người dùng muốn liên hệ hoặc đóng góp ý kiến thì sẽ vào trang này. Trang này hiện rõ

địa chỉ, số điện thoại, và gmail để người dùng tiện liên hệ.

Hình 3.15 Trang giới thiệu công tyTrang giới thiệu về tên nhóm làm website cùng với đó là lí do chọn đề tài. Giúp mọi

người hiểu rõ về nhóm.

25

Page 26: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Hình 3.16 Mục đánh giá và góp ýNgười dùng có thể phản hồi trực tiếp hoặc trao đổi với mọi người tại mỗi trang giới thiệu

chi tiết về địa điểm hoặc món ăn.

26

Page 27: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Chương 4 KẾT LUẬN

Kết luận

- Sau một thời gian nghiên cứu và xây dựng website review Đà Nẵng, nhóm đã đạt

được những kết quả sau:

Xây dựng được website giới thiệu chi tiết về món ăn và đặc sản Đà Nẵng

Nâng cao khả năng tự học và tự nghiên cứu.

Ứng dụng thân thiện, thuận tiện cho người dùng.

Giao diện dễ sử dụng

- Bên cạnh đó, thế giới ngày càng trên đà phát triển và thay đổi. Vậy nên chúng em sẽ

luôn cập nhật thông tin thường xuyên để làm cho website luôn hấp dẫn. Giúp người

dùng có thể nắm thông tin chính xác. Không chỉ thông tin về trong nước, nhóm

chúng em sẽ cố gắng vươn tầm thế giới.

Hướng phát triển

- Thường xuyên kiểm tra, sửa chữa, nếu phát hiện vấn đề phải giải quyết nhanh chóng

- Cập nhật nhiều tính năng hỗ trợ người dùng

- Tìm hiểu sâu hơn về cách ứng dụng các ngôn ngữ, công cụ thiết kế website để nâng

cao mức độ hoàn thiện của website.

- Phát triển website trên nền tảng đa quốc gia thông qua việc tạo chức năng chuyển

đổi ngôn ngữ cho người dùng.

- Từ website review Đà Nẵng công ty L.A Travel chúng em mong muốn phát triển

thêm nhiều website review chi tiết về các tỉnh thành khác như Huế, Hà Nội, Sài Gòn,

Bến Tre,Vũng Tàu,..không chỉ trong nước mà còn vươn tầm năm châu, phục vụ cho

khách sẽ sắp và đang đi du lịch có một kì nghỉ thoải mái và thuận tiện và đáng giá

nhất.

1. Thị trường:

- Chúng em nhắm đến hầu như các khách du lịch, tất cả mọi người trong và ngoài nước đang truy cập, sử dụng internet muốn tìm hiểu về các địa điểm du lịch mình sắp đến hoặc sẽ đến

27

Page 28: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

2. Tính khả thi:

- Đa phần hiên nay mọi người đều sử dung điện thoại và các thiết bị thông minh, nên

việc sử dụng các mạng xã hội sẽ trở nên dễ dàng tiếp cận với họ hơn. Đa số thành

phần chúng ta nhắm tới luôn dành khá nhiều thời gian vào các mạng xã hội như

acebook, Instargram, Youtube, Zalo, … và đặc biệt ứng dụng đang đi lên đó là

TikTok nên việc marketing với những phương tiện truyền thông trên sẽ ít tốn chi

phí, hiệu quả và được mọi người nhanh chóng biết tới hơn

- Khi website đã ổn định và có lượt truy cập đáng kể, chúng em sẽ nhận giới thiệu,

quảng cáo từ các địa điểm bán món ăn, những nhà hàng khách sạn để thu về nguồn

thu nhập tốt cho công ty và phục vụ cho việc phát triển website ngày một vững

mạnh.

3. Chiến lược cạnh tranh:

- Cố gắng đẩy mạnh thêm ưu điểm của Website, nâng cao tính chính xác cho từng

thông tin mang lại cho người dùng

- Cố gắng khắc phục sớm nhất có thể những khuyết điểm của Website nếu có.

- Cập nhật thông tin và phản hồi góp ý người dùng sớm nhất có thể.

- Cố gắng phát triển lên nhiều nền tảng khác nhau để người dùng sử dụng nhanh

chóng.

4. Phát triển, bổ sung

- Cố gắng đẩy mạnh thêm ưu điểm của Website, nâng cao tính chính xác cho từng

thông tin mang lại cho người dung

- Cố gắng khắc phục sớm nhất có thể những khuyết điểm của Website nếu có.

- Cập nhật thông tin và phản hồi góp ý người dùng sớm nhất có thể.

- Tìm hiểu sâu hơn về cách ứng dụng các ngôn ngữ, công cụ thiết kế website để nâng

cao mức độ hoàn thiện của website.

- Phát triển website trên nền tảng đa quốc gia thông qua việc tạo chức năng chuyển

đổi ngôn ngữ cho người dùng.

- Khi website ổn định và có lượng người truy cập đáng kể,chúng em sẽ cập nhật nhiều

tính năng hỗ trợ người dung như

Đăng nhập đăng ký tài khoản để mọi người có thể chia sẻ, trao đổi thông tin với

nhau

Cho phép các tài khoản đăng bài viết dưới sự quản lý chọn lọc của quản trị viên về

chủ đề, nội dung bài viết tránh làm lạc website

28

Page 29: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Tổng Kết

- Có không ít cái tên dành cho Đà Nẵng – “Thành phố đáng sống nhất Việt Nam”,

“Thành phố của những cây cầu”, “Điểm đến mới hấp dẫn nhất thế giới”… Và dù gọi

với cái tên nào thì duy nhất một điều vẫn không thay đổi, đó là Đà Nẵng luôn giữ

“ngôi vương” trong ngành du lịch Việt. Chính vì vậy qua quá trình tìm hiểu, khảo

sát, chúng em đã chọn và xây dựng website review danh lam thắng cảnh và đặc sản

Đà Nẵng - L.A Travel. Ngoài mục đích mang lại thu nhập cho bản thân, chúng em

còn mong muốn website sẽ mang đến cho mọi người những địa điểm thú vị, hay ho.

Tuy trên thị trường đã có rất nhiều website review về du lịch khác nhưng chúng em

vẫn chọn ý tưởng này bởi chúng em tin rằng với sự cố gắng hoàn thiện và phát triển

không ngừng chúng em tin rằng sẽ tạo ra được sự riêng biệt để khi tìm hiểu về 1 địa

điểm du lịch nào đó website chúng em sẽ được mọi người lựa chọn và tin dùng. Đà

Nẵng được đánh giá là một điểm đến mới hấp dẫn nhất thế giới nhưng không phải là

các nhà biên tập viên du lịch đưa ra mà chính là những du khách đang và đã trải

nghiệm ở vùng đất xinh đẹp này. Vậy điều gì đã làm cho Đà Nẵng trở thành một

điểm đến được yêu thích nhiều đến như vậy? L.A Travel sẽ là nơi trả lời một cách

đầy đủ và chi tiết.

29

Page 30: MỞ ĐẦUdaotao.vku.udn.vn/uploads/2021/05/1622450673...  · Web view2021. 5. 31. · 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

Tài Liệu Tham Khảo1. Thư viện CSS và Bootstrap: https://getbootstrap.com/

https://w3school.com/

2. Thư viện js: https://fancyapps.com/fancybox/

3. Thư viện CSS: https://animate.style/

30