ĐẠI HỌC ĐÀ NẴNGKHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: WEBSITE DU LỊCH ĐÀ NẴNG

Sinh viên thực hiện: PHAN VĂN QUỐC TUẤNPHẠM TẤN TRỰC

Giảng viên hướng dẫn: TS.HUỲNH NGỌC THỌ

Lớp: 19IT3

Đà Nẵng, ngày … tháng … năm 2020

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

WEBSITE DU LỊCH ĐÀ NẴNG

Đà Nẵng, ngày … tháng … năm …

LỜI MỞ ĐẦUDu lịch hiện nay đang là một ngành có tốc độ phát triển rất nhanh. Xã hội phát

triển, nhu cầu du lịch của con người cũng tăng lên rất nhiều, con người du lịch để được tận hưởng, trải nghiệm những cảm giác mới lạ ở những địa điểm mới. Sau những chuyến đi du lịch như vậy giúp họ giải tỏa được áp lực cuộc sống, hồi phục sức khỏe để phục vụ cho công việc mới. Du lịch cũng là một ngành mang lại nhiều lợi nhuận nhất , thu hút khách hàng ở cả trong và ngoài nước . Sự tăng trưởng nhanh chóng của cả khối lượng và yêu cầu về chất lượng của du khách đòi hỏi một giải pháp công nghệ thông tin (CNTT) mạnh mẽ để đơn giản hóa quá trình và thu hút thêm được du khách.

Những du khách hiện nay “ít khi sẵn lòng chờ đợi hoặc chịu đựng những sự chậm trễ cũng như phức tạp”, nhằm đáp ứng nhu cầu du lịch của du khách thì không có sự lựa chọn nào khác ngoài việc kết hợp công nghệ để nâng cao tính tương tác với thị trường ngày càng phát triển và màu mỡ này.

Với trang web này , chúng tôi sẽ đem lại cho du khách sự tiên lợi trong quá trình đặt vé , đăt tour và các dịch vụ bằng hệ thống hiện đại, bố cục hợp lí , khoa học , sắp xếp gon gàng , cá nhân hóa theo vị trí , tiết kiệm thời gian và công sức cho du khách. Ngoài ra đây cũng là một nơi để khách hàng tìm những bài review , những kinh nghiệm du lịch qua hệ thống blog của chúng tôi. Du khách còn có thể góp ý , bình luận về những tour , dịch vụ và blog hiện có . Ngoài ra website của chúng tôi còn có hệ thống giúp cho khách hàng theo dõi , quản lí lịch trình, theo dõi những dịch vụ , những tour một cách ngắn gọn và trực quan. Còn đối với đơn vị triển khai , chúng tôi còn có hệ thống để giúp cho quản trị viên quản trị được các tour , dịch vụ và blog trên website một cách chuyên nghiệp và hiệu quả.

Website này sử dụng những công nghệ phổ biến , chuyên về phát triển và lập trình web như Css , Bootstrap,.... cũng như những API bên thứ 3 để tạo nên một hệ thống hoàn chỉnh , nhanh chóng và dễ sử dụng cho cả khách hàng và doanh nghiệp ,đơn vị triển khai.

Mục đích của dự án này là góp phần thúc đẩy , thu hút khách du lịch đến Đà Nẵng , tạo ra một hệ thống hiệu quả đối với cả du khách và đơn vị triển khai hệ thống . Giúp mang lại lợi nhuận một cách hiệu quả.

LỜI CẢM ƠN

Để đồ án cơ sở 1 này đạt kết quả tốt đẹp, em đã nhận được sự hỗ trợ, giúp đỡ của thầy cô. Với tình cảm sâu sắc, chân thành, cho phép chúng tôi được bày tỏ lòng biết ơn sâu sắc đến tất cả quý thầy cô đã tạo điều kiện giúp đỡ trong quá trình học tập và nghiên cứu và phát triển đề tài.

Trước hết chúng em xin gửi tới các thầy cô khoa Công nghệ thông tin và truyền thông - Đại học Đà Nẵng lời chào trân trọng, lời chúc sức khỏe và lời cảm ơn sâu sắc. Với sự quan tâm, dạy dỗ, chỉ bảo tận tình chu đáo của các giảng viên đã truyền tải các kĩ năng cần thiết, đến nay chúng đã có thể hoàn thành đề tài Đồ án cơ sở 1.

Đặc biệt chúng tôi xin gửi lời cảm ơn chân thành nhất tới thầy giáo – TS. Huỳnh Ngọc Thọ đã quan tâm giúp đỡ, giúp đỡ tận tình chúng em hoàn thành tốt đồ án này trong thời gian qua.

Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế, đồ án này không thể tránh được những thiếu sót. Chúng em rất mong nhận được sự chỉ bảo, đóng góp ý kiến của các thầy cô để tôi có điều kiện bổ sung, nâng cao ý thức của mình, phục vụ tốt hơn công tác thực tế sau này.

Chúng em xin chân thành cảm ơn!

NHẬN XÉT(Của giảng viên hướng dẫn)

.............................................................................................................

.............................................................................................................

.............................................................................................................

.............................................................................................................

.............................................................................................................Đa Năng, ngay…tháng…năm 2019

Giảng viên hướng dẫn

Huỳnh Ngọc Thọ

MỤC LỤCGIỚI THIỆU...............................................................................................................9

1.1 Tổng quan:....................................................................................................91.1.1 Lý do thực hiện đề tài:............................................................................91.1.2 Mục đích thực hiện đề tài:......................................................................91.1.3 Đề xuất thực hiện nội dung:.................................................................12

1.2 Nhiệm vụ thực hiện đề tài:..........................................................................121.1.1 Phương pháp thực hiện:........................................................................121.1.2 Kết quả đạt được từ thực hiện các phương pháp trên:.........................14

1.3 Cấu trúc đồ án:............................................................................................14CHƯƠNG I – KIẾN THỨC TỔNG QUAN............................................................15

1.1 Công cụ thiết kế website:............................................................................151.2 Ngôn ngữ thiết kế:.......................................................................................15

1.2.1 Ngôn ngữ HTML:................................................................................151.2.2 Ngôn ngữ CSS:.....................................................................................16

CHƯƠNG II – PHÂN TÍCH THIẾT KẾ HỆ THỐNG............................................192.1 Mô hình tổng quan của hệ thống nghiên cứu:.............................................19

2.1.1 Server, quản trị viên:............................................................................192.1.2 Client, thực hiện các chức năng:..........................................................20

CHƯƠNG III - ỨNG DỤNG CỦA WEBSITE REVIEW SÁCH...........................213.1 Thiết kế chi tiết:..........................................................................................215.1. Kết luận:......................................................................................................245.2. Phương hướng phát triễn:............................................................................24

PHỤ LỤC.................................................................................................................25DANH MỤC TÀI LIỆU THAM KHẢO.................................................................26

DANH MỤC CÁC HÌNHHình 1 …………………….…………………………………..…………………....8

Hình 2 …………………….…………………………………..…………………....9

Hình 3 …………………….…………………………………..…………………....10

Hình 4 …………………….……………………………………..………………....11

Hình 5 …………………….……………………………………..………………....12

Hình 6 …………………….……………………………………..………………....12

Hình 7 …………………….………………………………………..……………....17

Hình 8 …………………….………………………………………..……………....18

Hình 9 …………………….………………………………………..……………....18

Hình 10 …………………….………………………………………..…………......19

Hình 11 …………………….………………………………………..………..........19

Hình 12 …………………….…………..……………………………..…………....19

Hình 13 …………………….……………………………………………………....20

Hình 14 …………………….……………………………………………………....20

Hình 15 …………………….……………………………………………………....21

Hình 16 …………………….……………………………………………………....21

Hình 17 …………………….……………………………………………………....22

Hình 18 …………………….……………………………………………………....22

Hình 19 …………………….……………………………………………………....23

Hình 20 …………………….……………………………………………………....23

Hình 21 …………………….……………………………………………………....24

Hình 22 …………………….……………………………………………………....24

Hình 23 …………………….……………………………………………………....25

Hình 24 …………………….……………………………………………………....25

GIỚI THIỆU

1.1 Tổng quan:1.1.1 Lý do thực hiện đề tài:

Thiết kế một trang web du lịch Đà Nẵng, nhằm thúc đẩy du lịch và tối ưu hóa quá trình đặt vé , đặt tour của khách hàng bằng những công nghệ mới trong thời đại cách mạng công nghiệp 4.0, nơi công nghệ được áp dụng rất nhiều trong việc tăng trải nghiệm người dùng , nâng cao năng suất , lợi nhuận và tiết kiệm thời gian.

Ngoài ra , số lượng người dùng được phổ cập – sử dụng Internet của Việt Nam cũng như toàn thế giới đang tăng mạnh , đây chính là thời điểm vàng để nắm bắt thời cơ , đó chính là lý do , tiền đề và mục tiêu của đồ án này đang hướng đến . Một trang web danh cho du khách – trang web Du lịch Đà Nẵng.

1.1.2 Mục đích thực hiện đề tài:- Xây dựng website giúp quảng bá các tour du lịchTrong du lịch , để mang lại lợi nhuận , nhà đầu tư phải tìm cách để thu hút được

khách hàng tiềm năng để đến với Đà Nẵng để vui chơi , du lịch và quan trong nhất là sử dụng những dịch vụ như tour , mua vé ,... của nhà đầu tư , từ đó mang lại lợi nhuận.

Hình 1Khi không có website thì sẽ có rất nhiều hạn chế, khách hàng sẽ không có nhiều kênh thông tin để tham khảo , cũng như tìm kiếm, tìm hiểu về những dịch vụ mà nhà đầu tư có.

- Xây dựng website để giúp khách hàng giải quyết vấn đềMột website với một hệ thống hiện đại , tối ưu giúp du khách tiết kiệm được thời gian , công sức , theo dõi chi tiết sẽ giúp doanh nghiệp tạo được thương hiệu nhờ sự chuyên nghiệp với giao diện đơn giản , trực quan , phù hợp , hấp dẫn.

9

Sử dụng website cũng là một trong những cách để tạo dựng được thương hiệu cũng như quảng bá hình ảnh cho doanh nghiệp mà không tốn kém chi phí. Đó là một trong những mục đích mà doanh nghiệp muốn đạt được khi xây dựng một website.

Hình 2- Xây dựng website giúp nhận phản hồi từ khách hàng thuận tiện hơn

Việc kinh doanh của một doanh nghiệp có đi lên hay không phụ thuộc phần lớn vào mức độ hài lòng và sự tin tưởng của khách hàng. Thông qua website, khách hàng có thể có những phản hồi tích cực hoặc tiêu cực để từ đó doanh nghiệp rút ra những thiếu sót và điều chỉnh để phù hợp với yêu cầu của khách hàng.

Website sẽ hỗ trợ đắc lực cho doanh nghiệp trong việc thu thập lại thông tin và tương tác với khách hàng một cách hiệu quả nhất. Từ đó, doanh nghiệp có thể thấu hiểu được những mong muốn của khách hàng và có sự điều chỉnh cho phù hợp.

- Dễ dàng triển khai kế hoạch marketingLý do tiếp theo mà doanh nghiệp phải xây dựng website đó chính là nó giúp triển khai các kế hoạch quảng bá tốt hơn , hiệu quả hơn, với sức mạnh của truyền thông trên Internet hiện nay , khả năng tối ưu từ khóa - SEO , truyền thông qua dịch vụ quảng cáo như quảng cáo Google , quảng cáo Facebook. Thay vì phải quảng cáo theo cách truyền thống , điều mà thiếu hiệu quả , tốn kém , tốn nhiều nhân lực , nội dung truyền tải bị hạn chế , không tiếp cận được nhiều khách hàng tiềm năng thì giờ đây , với những hình thức truyền thông online như thế này , sẽ giúp bạn phát triển và quảng bá dịch vụ một cách vô cùng nhanh chóng và hiệu quả , hơn nữa nó còn tiết kiệm chi phí rất nhiều so với quảng bá truyền thống.

10

Hình 3- Cung cấp thông tin hữu ích cho khách hàng

Như đã nói ở trên , việc quảng bá dịch vụ nếu không có một website sẽ cực kì khó khăn , cũng như việc quảng bá sẽ chẳng dễ dàng gì. Cũng như việc quảng bá truyền thống sẽ không mang lại được nhiều thông tin hữu ích cho khách hàng mà từ đó khách hàng phải tự tìm hiểu , rất mất thời gian . Ngoài ra cũng không chứng tỏ được điểm khác biệt giữa những dịch vụ, lợi ích mà doanh nghiệp của bạn có thể mang lại cho du khách.

- Tăng khả năng cạnh tranh cho thị trường InternetĐã có rất nhiều doanh nghiệp ngoài kia đã tạo một website để quảng bá cho những dịch vụ và tour du lịch của họ . Nếu bạn không muốn tụt lùi so với đối thủ của mình , chỉ sử dụng những phương thức truyền thống để phát triển thì viết tạo ra một website rất cần thiết đối với doanh nghiệp của bạn. Chỉ cần tạo ra đủ sự khác biệt , khả năng quảng bá tốt sẽ khiến bạn có đủ khả năng để cạnh tranh , vượt qua những đối thủ khác.

- Tương tác hỗ trợ khách hàng 24/7Việc tương tác và hỗ trợ khách hàng 24/7 cũng là một thế mạnh , sự khác biệt lớn để bạn so sánh với các đối thủ xưng quanh , cũng như tạo được ấn tượng và thương hiệu. Với hệ thống website giúp cho doanh nghiệp có thể thu thập ý kiến phản hồi để cải thiện dịch vụ của mình , đưa ra những chiến lược thay đổi phù hợp , cũng như giúp khách hàng với những vấn đề trong việc sử dụng hệ thống, mang lại giá trị cho khách hàng và thu hút thêm nhiều khách hàng hơn.

1.1.3 Đề xuất thực hiện nội dung:- Thiết kế một website hiện đại , trực quan , tối giản cũng với hệ thống hiện

đại , mang lại cảm giác chuyên nghiệp cũng như lợi ích cho khách hàng.- Đẩy mạnh hoạt động PR & Maketing thông qua các phương tiện truyền

thông trên Internet , thú hút khách truy cập vào website , tìm hiểu và sử dụng những dịch vụ

- Cung cấp đầy đủ những thông tin cần thiết , hữu ích cho du khách.

11

1.2 Nhiệm vụ thực hiện đề tài:1.1.1 Phương pháp thực hiện:

Đổ án cần thực hiện những phương pháp sau: - Phương án tiếp cận thị trường Bằng cách đáp ứng những nhu cầu của người dùng. Đảm bảo chất lượng sản phẩm cao, thu hút người dùng và có khả năng

thu lợi nhuận. Trang web đề ra mục tiêu rõ ràng, nâng cao tính cạnh tranh, sự khác

biệt đối với những trang web khác.

Hình 4

- Phương pháp chuyên môn. Sử dụng ngôn ngữ lập trình web thông dụng như: CSS, Bootstrap,

HTML. Tạo bố cục Interface một cách khoa học và hợp lý, màu sắc hài hoà bắt

mắt. Đưa ra nội dung, chất lượng sản phẩm một cách chính xác.

12

Hình 5

- Phương pháp PR/Marketing. Quảng bá sản phẩm/website bằng cách PR trên các trang mạng xã hội

như Facebook, Youtube. Giúp cho xây dựng hình tượng sản phẩm trong lòng thị trường.

Hình 6

13

1.1.2 Kết quả đạt được từ thực hiện các phương pháp trên:- Thu hút được khác du lịch sử dụng các dịch vụ của nhà đầu tư , từ đó

thu về lợi nhuận- Nhờ phương pháp PR/quảng cáo trên các trang mạng xã hội, thông tin

đại chúng như Facebook, Youtube giúp tiếp cận người dùng nhanh chóng và gia tăng lượng truy cập, dần dần sẽ được Google xếp lên page 1.

1.3 Cấu trúc đồ án: Gồm 4 phần chính:

- Kiến thức tổng quan về dự án.- Phân tích thiết kế hệ thống.- Ứng dụng của sản phẩm- Kết luận và hướng phát triễn.

CHƯƠNG I – KIẾN THỨC TỔNG QUAN

1.1 Công cụ thiết kế website:Visual studio code: là một ứng dụng miễn phí, cho phép chỉnh sửa, lập trình đa ngôn ngữ, môi trường làm việc linh hoạt.

1.2 Ngôn ngữ thiết kế:Cụ thể, để hoàn thiện một website, người ta sẽ cần đến những ngôn ngữ cơ bản sau: HTML: Xây dựng cấu trúc cơ bản cho website và định dạng các siêu

văn bản. CSS: Biến đổi các định dạng HTML từ thô thành một website có màu

sắc, ảnh nền và tinh tế, hấp dẫn hơn. Bootstrap: sẽ giúp web của bạn được hiển thị tốt nhất, giúp tương thích

với mọi kích thước màn hình, và nhờ đó thì bạn có thể tuỳ biến hiển thị được nhiều hơn trên nhiều loại màn hình khác nhau.

Javascript: Tạo ra các sự kiện tương tác với hành vi của người dùng (Ví dụ tạo ra các hiệu ứng khi Click, di chuột, ...)

1.2.1 Ngôn ngữ HTML:a) Khái niệm:

Là khái niệm được hầu hết các cuốn sách về lập trình từ cơ bản đến nâng cao đều nhắc đến, HTML là gì chắc hẳn đã không còn quá xa lạ với những người làm trong lĩnh vực thiết kế web chuyên nghiệp, tuy nhiên, với những người ngoài nghề thì khái niệm này khá mơ hồ. Về cơ bản, bạn có thể hiểu HTML là gì thông qua các ý chính sau:

14

1. HTML là chữ viết tắt của cụm từ tiếng anh HyperText Markup Language dịch theo tiếng Việt thì có nghĩa là ngôn ngữ đánh dấu siêu văn bản.

2. HTML được sinh ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web.

3. HTML có thể được viết lên bởi các phần mềm, các trình soạn thảo văn bản thông thường như notepad, wordpad, notepad ++, editplus, ... hoặc các trình soạn thảo chuyên dụng như visual studio, dev c, ...

4. Một file HTML sẽ có 2 định dạng mở rộng là .html và .htmb) Cách thức hoạt động của ngôn ngữ HTML:

Một tài liệu HTML sau khi được hoàn thiện và lưu dưới dạng đuôi .htm và .html thì sẽ được trình duyệt web đảm nhận xử lý. Trình duyệt web sẽ đọc hiểu nội dung từ các thẻ bên trong và chuyển chúng sang dạng văn bản đã được đánh dấu để đọc hiểu và xuất ra kết quả trên cửa sổ trình duyệt.

c) Vai trò của HTML trong thiết kế và lập trình website:HTML được sinh ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. Đóng vai trò như một khung xương của web, và các thành phần còn lại là để đắp nặn và xây dựng nên một trang web hiệu quả và tương tác hơn. Vì thế, dù với bất cứ ngôn ngữ lập trình thuộc thể loại nào thì để dữ liệu được xử lý và hiển thị trên trình duyệt web vẫn phải cần HTML. Trên thực tế, nếu thiếu HTML thì không thể hiển thị ra một trang web nhưng nếu chỉ có HTML thì ta vẫn có thể tạo ra một trang web tĩnh đơn giản. Chính vì thế, HTML có vai trò vô cùng quan trọng và là một thành phần không thể thiếu trong bất kỳ một website nào.

1.2.2 Ngôn ngữ CSS:a) Khái niệm:

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 (ví dụ như HTML). 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 một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều.

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

b) Cấu trúc một đoạn CSS:

Một đoạn CSS bao gồm 4 phần như thế này:

01 vùng chọn {

   thuộc tính : giá trị;

15

02

03

04

05

   thuộc tính: giá trị;

   .....

}

Nghĩa là nó sẽ được khai báo bằng vùng chọn, sau đó các thuộc tính và giá trị sẽ nằm bên trong cặp dấu ngoặc nhọn {}. Mỗi thuộc tính sẽ luôn có một giá trị riêng, giá trị có thể là dạng số, hoặc các tên giá trị trong danh sách có sẵn của CSS. Phần giá trị và thuộc tính phải được cách nhau bằng dấu hai chấm, và mỗi một dòng khai báo thuộc tính sẽ luôn có dấu chấm phẩy ở cuối. Một vùng chọn có thể sử dụng không giới hạn thuộc tính.

c) Vai trò của CSS trong thiết kế và lập trình website:

Giúp lập trình viên dễ dàng định dạng mỗi thuộc tính trong file HTML, thông qua ID hoặc tên class trong tập tin HTML.

1.2.3 Ngôn ngữ Bootstrap:a) Khái niệm:

Bootstrap là một mã nguồn mở, là một framework có chứa các ngôn ngữ lập trình như HTML, CSS và Javascript, hay nói một cách dễ hiểu thì framework chính là khuôn khổ và việc bạn sử dụng các ngôn ngữ HTML, CSS và Javascript trong khuôn khổ mà Bootstrap cho sẵn, và khi đó sẽ giúp bạn tiết kiệm được rất nhiều thời gian, công sức và đặc biệt nhất là khi bạn xây dựng 2 template cho giao diện PC và Mobile đã lỗi thời, thay vào đó thì Responsive sẽ giúp web của bạn được hiển thị tốt nhất, giúp tương thích với mọi kích thước màn hình, và nhờ đó thì bạn có thể tuỳ biến hiển thị được nhiều hơn trên nhiều loại màn hình khác nhau.

b) Lợi ích khi sử dụng Bootstrap:- Tiết kiệm thời gian:

Bootstrap giúp cho lập trình viên thiết kế giao diện website rất nhiều thời gian và công sức, bởi các thư viện của Bootstrap có nhiều đoạn mã sẵn sàng giúp cho bạn có thể áp dụng vào website của mình luôn. Khi đó bạn sẽ tiết kiệm được rất nhiều thời gian để tự viết code cho giao diện website của mình.

- Khả năng tuỳ biến cao:

Với Bootstrap thì bạn có thể dựa vào nó thì để phát triển nền tảng giao diện của chính website mình, Bootstrap cung cấp cho bạn hệ thống Grid System mặc định có 12 cột và độ rộng là 940px. Đặc biệt với Bootstrap thì bạn có thể thay đổi, nâng cấp và phát triển dựa trên các nền tảng này.

16

- Responsive web design:Nền tảng Bootstrap giúp việc phát triển giao diện website phù hợp với đa thiết bị trở nên dễ dàng nhất, và đây cũng chính là xu thế khi thiết kế giao diện website.

1.2.4 Ngôn ngữ JavaScript:a) Khái niệm:

JavaScript là một ngôn ngữ lập trình đa nền tảng (cross-platform), ngôn ngữ lập trình kịch bản, hướng đối tượng. JavaScript là một ngôn ngữ nhỏ và nhẹ (small and lightweight). Khi nằm bên trong một môi trường (host environment), JavaScript có thể kết nối tới các object của môi trường đó và cung cấp các cách quản lý chúng (object).JavaScript chứa các thư viện tiêu chuẩn cho các object, ví dụ như:  Array, Date, và Math, và các yếu tố cốt lõi của ngôn ngữ lập trình như: toán tử (operators), cấu trúc điều khiển (control structures), và câu lệnh. JavaScript có thể được mở rộng cho nhiều mục đích bằng việc bổ sung thêm các object; ví dụ:

Client-side JavaScript - JavaScript phía máy khách, JavaScript được mở rộng bằng cách cung cấp các object để quản lý trình duyệt và Document Object Model (DOM) của nó. Ví dụ, phần mở rộng phía máy khách cho phép một ứng dụng tác động tới các yếu tố trên một trang HTML và phản hồi giống các tác động của người dùng như click chuột, nhập form, và chuyển trang.

Server-side JavaScript - JavaScript phía Server, JavaScript được mở rộng bằng cách cung cấp thêm các đối tượng cần thiết để để chạy JavaScript trên máy chủ. Ví dụ, phần mở rộng phía server này cho phép ứng dụng kết nối với cơ sở dữ liệu (database), cung cấp thông tin một cách liên tục từ một yêu cầu tới phần khác của ứng dụng, hoặc thực hiện thao tác với các tập tin trên máy chủ.

b) Các lợi thế của JavaScript:- Sự tương tác Server ít hơn: Bạn có thể xác nhận đầu vào (input)

người sử dụng trước khi gửi trang tới Server. Điều này làm tiết kiệm lưu lượng tải ở Server, nghĩa là Server của bạn tải ít hơn.

- Phản hồi ngay lập tức tới khách truy cập: Họ không phải chờ cho một trang web tải lại để thấy xem nếu họ đã quên nhập cái gì đó.

- Khả năng tương tác tăng lên: Bạn có thể tạo các giao diện mà phản ứng lại khi người sử dụng rê chuột qua chúng hoặc kích hoạt chúng thông qua bàn phím.

- Giao diện phong phú hơn: Bạn có thể sử dụng JavaScript để bao gồm những mục như các thành phần Drag và Drop (DnD) và các con trượt (Slider) để cung cấp một Rich Interface (Giao diện giàu tính năng) tới site khách truy cập của bạn.

17

Hình 7 - Ví dụ cơ bản về Javascript

CHƯƠNG II – PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 Mô hình tổng quan của hệ thống nghiên cứu:2.1.1 Server, quản trị viên:

Quản trị viên o Quản lí blogo Quản lí touro Xem trang thái tổng quáto Xem những tour đang có trong ngàyo Xem tổng doanh thu

2.1.2 Client, thực hiện các chức năng:

Client o Đặt tour , dịch vụo Bình luậno Xem chi tiết lịch trìnho Quản lí các tour , dịch vụ mà client đã đặt

18

CHƯƠNG III - ỨNG DỤNG CỦA WEBSITE REVIEW SÁCH

3.1 Các ứng dụng dành cho người sử dụng:Chia thành 4 mục:

3.1.1 Trang chủ , tính năng cá nhân hóa3.1.2 Chi tiết về tour , dịch vụ3.1.3 Đặt tour , dịch vụ3.1.4 Đăng nhập

3.1.5 Hệ thống quản lí của du khách 3.1.6 Hệ thống quản lí của quản trị viên

3.1.1 Trang chủ , tính năng cá nhân hóa:- Trang chủ là thành phần rất quan trọng của một trang web, bố cục màu sắc,

phải hài hoà gây được ấn tượng tốt cho người dùng.- Trang web phải linh hoạt phù hợp với giao diện đa thiết bị, để người dùng có

thể dễ dàng sử dụng

Hình 8

- Tự động cá nhân hóa dựa theo địa chỉ của người dùng

19

Hình 9

Hình 10

Hình 11

Hình 12

20

3.1.2 Chi tiết về tour , dịch vụ

Hình 13

- Khách hàng có thể đánh giá về tour , dịch vụ

21

Hình 14

3.1.3 Đặt tour , dịch vụ

Hình 15- Tự động gợi ý , giúp khách hàng đặt những chuyến bay

Hình 16

22

3.1.4 Đăng nhập

Hình 17

3.1.5 Hệ thống quản lí của du khách

- Giúp khách hàng theo dõi lịch trình cụ thể

23

Hình 18

- Quản lí các dịch vụ của khách hàng

Hình 19

- Quản lí các chuyến bay của khách hàng

Hình 20

24

3.1.6 Hệ thống quản lí của quản trị viên- Xem tổng quát doanh thu , trạng thái

Hình 21- Quản lí các blog , tour hiện có

25

Hình 22

- Thêm tour mới

Hình 23

- Thêm bài mới

26

Hình 24

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỄN

4.1 Kết luận:Đây là một dự án nhằm sáng lập ra một website giúp thúc đẩy du lịch Đà Nẵng , với hệ thống hiện đại giúp du khách tiết kiệm thời gian và công sức tìm hiểu. Giúp nhà đầu tư gia tăng lợi nhuận.

5.1. Phương hướng phát triễn:- Nghiên cứu về nhu cầu của thị trường: Thường xuyên cập nhật , hỗ trợ người dùng cũng như sửa lỗi từ những vấn đề

phát sinh. Luôn cập nhật nội dung blog mới , thu hút người dùng tìm hiểu. Luôn theo dõi, hỗ trợ người dùng. Thiết kế giao diện khoa học, logic, màu sắc hài hoà. Phần mô tả đầy đủ, SEO chi tiết , quảng bá qua các hệ thống truyền thông

Internet để gia tăng thứ hạn , thu hút lượng truy cập tiềm năng.

27