BÁO CÁO ĐỀ TÀI CÔNG NGHỆ WEB

Mục tiêu của đề tài: Tạo điều kiện cho khách du lịch nắm rõ hơn thông tin về các tour du lịch, thông tin về các tour khuyến mãi đặc biệt để phục vụ tối ưu cho du khách.. Website cho phép

Trang 1

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN



BÁO CÁO ĐỀ TÀI

CÔNG NGHỆ WEB

GVPT: ThS Mai Văn Hà SVTH: Lương Quốc Thiện 14T2 Nhóm HP: 16.10

Đà Nẵng, tháng 12/2018

Trang 2

Ý KIẾN ĐÁNH GIÁ CỦA GIẢNG VIÊN

………

Trang 3

Báo cáo đề tài Công nghệ web GVHD: ThS Mai Văn Hà

MỤC LỤC

1 GIỚI THIỆU TỔNG QUAN ĐỀ TÀI 3

1.1 Giới thiệu đề tài 4

1.2 Ý tưởng 4

1.3 Các chức năng chính 4

1.4 Kế hoạch 6

2 CƠ SỞ LÍ THUYẾT 6

2.1 PHP 6

2.2 MySql 6

2.3 Front-End 7

2.3.1 HTML 7

2.3.2 CSS 7

2.3.3 Bootstrap 8

2.3.4 SASS 8

2.3.5 Jquery 8

2.3.6 Ajax 9

3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11

3.1 Thiết kế cơ sở dữ liệu 11

3.2 Danh mục các trang 11

3.3 Quy ước 13

4 CÀI ĐẶT TRIỂN KHAI 13

4.1 Môi trường cài đặt triển khai 13

4.2 Các bước triển khai 1 3 4.3 Một số hình ảnh sau khi triển khai 14

Trang 4

1 GIỚI THIỆU TỔNG QUAN ĐỀ TÀI

1.1 Giới thiệu đề tài

Đề tài số 17 Website quản lý tour du lịch

Nhận xét: Đề tài phục vụ 2 mục đích: nắm được cách sử dụng ngôn ngữ PHP và hiểu được quản lý tour du lich

Mô tả hoạt động quản lý tour du lịch :

- Khi một người có nhu cầu đi du lịch sẽ dựa vào trang web để tham khảo tìm kiếm những địa điểm du lịch phù hợp với họ

- Khi khách hàng muốn tìm kiếm thông tin địa điểm du lịch theo địa điểm, giá cả… thì trang web sẽ hiển thị các hình ảnh các thông tin về các địa điểm du lịch mà khách hàng tìm kiếm

- Khi khách hàng muốn xem đến giá cả các tour du lịch đó thì hệ thống sẽ hiển thị những tour du lịch với giá cả khác nhau cho khách hàng lựa chọn

- Vào mỗi cuối ngày người quản trị viên có nhiệm vụ cập nhật tạo ra các user đưa tin và đưa thêm nhiều thông tin mới

Mục tiêu của đề tài: Tạo điều kiện cho khách du lịch nắm rõ hơn thông tin về các tour du lịch, thông tin về các tour khuyến mãi đặc biệt để phục vụ tối ưu cho du khách Website cho phép du khách đăng ký một tour du lịch trực tuyến trọn gói ,cụ thể : đặt vé tour, xem các danh lam thắng cảnh , đặt số lượng người tham gia

1.2 Ý tưởng

Sao khi tham khảo các website tour du lich nổi tiếng như: Travel.com.vn,

Dulichviet.com.vn, datviettour.com.vn, Mytour.vn… thì nhóm nhận thấy chúng có một

số đặc điểm chung ví dụ đăng kí, đăng nhập, đặt tour, tạo chủ đề,…

Từ đó nhóm phân tích một số chức năng của người quản lý và khác hàng:

- Xem thông tin tour du lịch

- Đặt tour- thanh toán

- Liên hệ

1.3 Các chức năng chính

và rộng rãi, chủ yếu sử dụng hình ảnh đẹp, màu sắc sinh động, bố trí hợp lý và gợi

Trang 5

cảm giác thoải mái, mong muốn được tận hưởng những tiện ích và dịch vụ của công ty cung cấp đó

cấp dịch vụ đến khách hàng

Giới thiệu gói nghỉ dưỡng, tour, khách sạn, địa điểm với thông tin đầy đủ về tên tour, nội

dung các hành trình, thời gian, điểm dừng chân, một vài đoạn giới thiệu về cảnh đẹp mà du khách sẽ ghé qua hay các dịch vụ sử dụng… giúp khách hàng hình dung được chuyến đi của mình sẽ thú vị hay tẻ nhạt như thế nào

Đặt tour, phòng, vé, người phục vụ, loại hình phục vụ theo nhu cầu nghỉ ngơi, túi tiền của

khách hàng

Tại đây, nhà tổ chức tour sẽ giới thiệu cho du khách những bài viết về địa điểm du lịch nổi tiếng, thông dụng hay đang có tại công ty cung cấp dịch vụ, các chế độ khuyến mãi cũng đồng thời được giới thiệu một cách chính xác, đầy đủ và đa dạng đến khách hàng Phần lớn, chính những thông tin này sẽ quyết định công ty tour của bạn có thu hút được du khách hay không, bởi hiện nay nhiều công ty tổ chức tour đều có những tour du lịch giống nhau nên khó giữ chân được du khách nếu không tạo nên được sự khác biệt Đối với các website resort sẽ là thông tin các dịch vụ, lợi ích từ dịch vụ hay các loại mỹ phẩm được sử dụng…

Trang 6

1.4 Kế hoạch

Thời gian cho phép chỉ trong vòng một tuần nên nhóm cần có kế hoạch cụ thể để

tránh bị bể tiến độ Theo đó nhóm quy ước các thành viên với nhau:

 Hệ quản trị cơ sở dữ liệu: MySQL

 Máy chủ web: Apache

 Ngày bắt đầu: 11/10/2018

 Ngày dự kiến hoàn thành sơ bộ: 12/12/2018

 Phần mềm code mã nguồn: Sublime Text

 Giao diện: HTML4 / Bootstrap CSS Framework

2 CƠ SỞ LÍ THUYẾT

2.1 PHP

PHP được viết tắt từ Hypertext Preprocessor là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng ch mục đích tổng quát

PHP là miễn phí để tải về và sử dụng Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

2.2 MySql

MySQL là một RDBMS nhanh và dễ dàng để sử dụng MySQL đang được sử dụng cho nhiều công việc kinh doanh từ lớn tới nhỏ MySQL được phát triển, được công bố,

được hỗ trợ bởi MySQL AB, là một công ty của Thụy Điển MySQL trở thành khá phổ

biến vì nhiều lý do:

 MySQL là mã ngồn mở Vì thế, để sử dụng nó, bạn chẳng phải mất một xu nào

 MySQL là một chương trình rất mạnh mẽ

 MySQL sử dụng một Form chuẩn của ngôn ngữ dữ liệu nổi tiếng là SQL

Trang 7

 MySQL làm việc trên nhiều Hệ điều hành và với nhiều ngôn ngữ như PHP, PERL, C, C++, Java, …

 MySQL làm việc nhanh và khỏe ngay cả với các tập dữ liệu lớn

 MySQL rất thân thiện với PHP, một ngôn ngữ rất đáng giá để tìm hiểu để phát triển Web

 MySQL hỗ trợ các cơ sở dữ liệu lớn, lên tới 50 triệu hàng hoặc nhiều hơn nữa trong một bảng Kích cỡ file mặc định được giới hạn cho một bảng là 4 GB, nhưng bạn có thể tăng kích cỡ này (nếu hệ điều hành của bạn có thể xử lý nó) để đạt tới giới hạn lý thuyết là 8 TB

 MySQL là có thể điều chỉnh Giấy phép GPL mã nguồn mở cho phép lập trình viên sửa đổi phần mềm MySQL để phù hợp với môi trường cụ thể của họ

2.3 Front-End

2.3.1 HTML

HTML là chữ viết tắt của cụm từ HyperText Markup Language (dịch là Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet)

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (ví dụ

<html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví

<strong> dụ </strong> và ) Các văn bản muốn được đánh dấu bằng HTML sẽ được khai báo bên trong cặp thẻ (ví dụ <strong>Đây là chữ in đậm</strong>) Nhưng một số thẻ

đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ <img>)

Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở rộng

là html hoặc htm Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt web đảm nhận Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bên trong

và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu

2.3.2 CSS

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

Trang 8

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

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

2.3.3

Bootstrap

Những điểm thuận lợi khi bản sử dụng bootstrap:

 Rất dễ để sử dụng: Đơn giản vì nó được giản lược trên HTML, CSS và Javascript chỉ cẩn có kiến thức cơ bản về 3 cái đó là có thể sử dụng bootstrap tốt

 Tính năng Responsive: Bootstrap xây dựng sẵn reponsive css trên các thiết bị

phones, tablets, và desktops

 Mobile: Trong Bootstrap 3 mobile-first styles là một phần của core framework

 Tương thích với trình duyệt: Bootstrap tương thích với tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera) riêng IE thì không được hỗ trợ nhiều

2.3.4 Sass

SASS là một CSS Preprocessor cung cấp thêm các quy tắc như nested rule, variable, mixin, Với SASS bạn có thể viết CSS theo thứ tự rõ ràng, quản lý các biến đã được định nghĩa sẵn, có thể tự động nén tập tin CSS

SASS là một ứng dụng viết bằng Ruby nên nếu bạn đã quen với việc dùng lệnh, thì có thể cài đặt SASS và sử dụng các lệnh của nó

Ưu Điểm của Sass:

- Đầu tiên, nó ngắn và dễ dàng đánh máy hơn Không cần dấu ngoặc nhọn và chấm phẩy Thậm chí còn tốt hơn nữa, khi không cần @mixin hoặc @include, chỉ cần một

jQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vào năm

2006 với một phương châm tuyệt vời: Write less, do more - Viết ít hơn, làm nhiều hơn

Trang 9

jQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tương tác Ajax Với jQuery, khái niệm Rapid Web Development đã không còn quá xa lạ

Ưu điểm của jquery:

- Dễ sử dụng

- Là một thư viện lớn của javascript

- Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn)

- Có nhiều tài liệu và hướng dẫn chi tiết

và CSS đóng vai hiển thị dữ liệu, mô hình DOM trình bày thông tin động, đối tượng XMLHttpRequest trao đổi dữ liệu không đồng bộ với máy chủ web, còn XML là định dạng chủ yếu cho dữ liệu truyền Đây đều là công nghệ sẵn có nhưng Javacript đã lắp ráp chúng lại để thực hiện những “sứ mệnh” đáng khâm phục

Từ Ajax được ông Jesse James Garrett đưa ra và dùng lần đầu tiên vào tháng 2 nãm

2005 để chỉ kỹ thuật này, mặc dù các hỗ trợ cho Ajax đã có trên các chương trình duyệt từ

10 năm trước Ajax là một kỹ thuật phát triển web có tính tương tác cao bằng cách kết hợp các ngôn ngữ:

- HTML (hoặc XHTML) với CSS trong việc hiển thị thông tin

- Mô hình DOM (Document Object Model), được thực hiện thông qua JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin được hiển thị

- JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin được hiển thị

- XML thường là định dạng cho dữ liệu truyền, mặc dầu bất cứ định dạng nào cũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plain text), JSON và ngay

cả EBML

Ứng dụng của Ajax: Hiện nay thì khá nhiều website đã và đang ứng dụng ajax Đơn giản thì chúng ta hay đăng ký thành viên trên các diễn đàn, website Ngay sau khi chúng ta nhập xong username hay email, hệ thống đã phản hồi cho chúng ta biết tài khoản đó tồn tại hay chưa, mà không cần nhấn nút Submit như truyền thống Đó là một trong vô số các ứng dụng của AJAX

Trang 10

Hạn chế

- Bạn không thể bookmark nó vào favourite trên trinh duyệt hay gởi link đến cho bạn bè,

vì tất cả quá trình nó thực hiện ngầm và không hiển thị trên address

- Không thể hiện thị nội dung trên các trang tìm kiếm vì các trang tìm kiếm hiện nay vẫn chưa hỗ trợ tìm vì rất khó tìm và gần như không thể tìm đc

- Không thể sử dụng nút back vì back cũng là chính nó

- Với một số trình duyệt, do nhu cầu bảo mật, sẽ tắt chức năng thực hiện javascript nên ajax không thể chạy, hay trong một vài host, không hỗ trợ vào sâu cấu hình server nên hay bị lỗi “Access denied”

Trang 11

3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1 Thiết kế cơ sở dữ liệu

3.2 Danh mục các trang

thiệu, quảng cáo về công ty

3 Tours.php Show ra các tour hiện có cho khách hang xem cũng như

có thể click đặt hang tại đây

4 Contact.php Nơi người dùng viết form đặt tour

5 /images/* Nơi chứa ảnh của cả trang web

Trang 12

6 _./js/* Nơi chứa các file js cấu hình của trang web bên khách

hàng

8 /plugins/* Nơi chứa các thư viện js ngoài của trang web bên khách

hang

9 /layouts/* Nơi chứa các layout dùng cho trang web khách hang

10 /library/* Nơi chứa các file php chứa các hàm hay dùng

11 gitignore File cấu hình github

12 gitattributes File cấu hình github

13 README.md File cấu hình github

14 /scss-admin/* Chứa các file SCSS của admin

15 /admin/* Chứa các file php của admin, cũng như thư mục js, css

dùng cho admin

Trang 13

Không viết tắt các biến dưới bất kì hình thức nào

4 CÀI ĐẶT TRIỂN KHAI

4.1 Môi trường cài đặt triển khai

 Triển khai trên Apache và GoogleChrome

 Hệ quản trị CSDL MySQL

4.2 Các bước triển khai

 Tạo một thư mục chứa trong thư mục htdocs của Apache Ví dụ

 Khởi động Apache và MySQL, cổng 800, gõ lên thanh địa chỉ trình duyệt

“localhost:800/ Quanly_Tour_Dulich”và trang web sẽ tự động chạy

 Trong thư mục đính kèm có tệp readme.txt

Trang 14

4.3 Một số hình ảnh sau khi triển khai

Trang chủ

Trang 15

Trang 16

Thông tin Công ty

Trang 17

Tour

Đặt Tour

Trang 18

Khuyến mãi Tour

Trang 19

Bài Viết Tour

Login

Trang 20

Tour chưa duyệt

Tour đã duyệt

Trang 21

Quản lý Tour

Thêm Tour

Trang 22

Xóa Tour

Định dạng
Số trang	22
Dung lượng	2,73 MB