Đồ án Xây dựng Website trường Cao đẳng Du lịch Hải Phòng

Mục lục GIỚI THIỆU 10 CHƯƠNG 1: TỔNG QUAN 12 1.1 Tổng quan World Wide Web 12 1.1.1 Khái niệm 12 1.1.2 Cách tạo trang web 12 1.1.3 Trình duyệt web (web Client hay web Browser) 12 1.1.4 Webserver 13 1.2.Tổng quan Html-css 13 1.2.1: Giới thiệu html 13 1.2.2: Giới thiệu Css 14 1.3.Ngôn ngữ PHP 15 1.3.1 Định nghĩa PHP 15 1.3.2 Lý nên dùng PHP 15 1.3.3 Hoạt động PHP 16 1.3.4 Tổng quan PHP 16 1.3.5 Hàm php 18 1.3.6 Biểu mẫu PHP 19 1.3.7 PHP OOP(Object-Oriented Programming.) 19 1.3.8 Session Cookie 19 1.4 Tổng quan framework Yii 21 1.4.1 Giới thiệu Yii 21 1.4.2 Một số thành phần 21 1.4.3 Routing and URL Creation 23 CHƯƠNG THIẾT KẾ BACK-END, FRONT-END 24 2.1 Phân tích thiết kế hệ thống 24 Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin 2.1.1 Bảng sở liệu 27 2.1.2 Các kiểu liên kết 30 2.1 Xây dựng back-end 32 2.1.1 Tạo Project thêm framework Yii2 32 2.1.2 Kết nối sở liệu 32 2.1.3 Tạo Model Generator CRUD Generator 34 2.1.4 Giải thích nội dung 38 2.2 Xây dựng Front-end 66 2.2.1 Tạo thư mục 66 2.2.2 Tổng quan front-end 66 2.2.3 Xây dựng trang trang chủ 67 2.2.4 Xây dựng trang giới thiệu 73 2.2.5 Xây dựng trang viết 75 CHƯƠNG 3: DEMO WEBSITE 80 3.1 Demo Back-end 80 3.2 Demo Front-end 82 3.2.1 Demo trang trang chủ 82 3.2.2 Demo trang chi tiết viết 86 KẾT LUẬN 88 TÀI LIỆU THAM KHẢO 89 Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Cơng nghệ thơng tin LỜI MỞ ĐẦU Hịa nhập vào nước với công nghệ 4.0, nhu cầu sử dụng công nghệ ngày cao, hiểu rõ lợi ích lớn tầm quan lĩnh vực công nghệ thông tin Các doanh nghiệp dù lớn hay nhỏ, dù lĩnh vực việc tiếp cận công nghệ thông tin song hành công nghệ thơng tin ln mang lại lợi ích hiệu mạnh mẽ Phát triển doanh nghiệp áp dụng ứng dụng lợi ích cơng nghệ thông tin đa dạng lĩnh vực ngành nghề áp dụng cơng nghệ thơng tin giúp ích khơng nhỏ việc hoạt động cơng ty Ví dụ doanh nghiệp áp dụng ứng dụng công nghệ thông tin việc phát triển phần mềm để quản lý doanh nghiệp nâng cao hiệu quả, tính xác cao giảm thiểu nhân lực quản lý Ví dụ khác, cơng ty cần phải giới thiệu lĩnh vực dịch vụ riêng mình, hay truyền tải thông tin cho người đọc giúp họ xem thơng tin, thơng báo hay có tin tức cập nhập cho người cần truy cập hay văn chung cho người tải để xem Trong trình học tập tìm hiểu, giúp đỡ thầy cơ, em có nhận đề tài tốt nghiệp với tên đề tài là: Xây dựng Website trường Cao đẳng Du lịch Hải Phòng Đây hội giúp em có trải nghiệp đề tài thực tế Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin GIỚI THIỆU Mục tiêu đề tài Tìm hiểu, nghiên cứu xây dựng website Trường cao đẳng du lịch Hải Phòng Xây dựng trang website động với nội dung linh hoạt, cấu trúc dễ hiểu, phù hợp với website giáo dục Giải pháp cách thực đề tài Tìm hiểu website giáo dục, tham khảo bố cục trang website, tìm hiểu thơng tin Trường cao đẳng du lịch Hải Phịng, thu thập hình ảnh, liệu Sau phân tích thiết kế hệ thống thơng tin, xây dựng nội dung quản trị Back-end giao diện Front-end website Xây dựng website việc lựa chọn ngôn ngữ ứng dụng làm việc điều quan trọng Đề tài sử dụng ngôn ngữ PHP làm ngơn ngữ lập trình sử dụng ứng dụng framework Yii để xây dựng website, số thư viện hỗ trợ việc xây dựng website Giới thiệu Trường cao đẳng du lịch Hải Phòng Trường Cao Đẳng Du Lịch Hải Phòng trường cơng lập trực thuộc Bộ Văn hóa, Thể thao Du lịch, Thủ Tướng phủ lựa chọn đầu tư thành trường chất lượng cao Trường có địa xã Nam Sơn, huyện An Dương, thành phố Hải Phòng Theo định hướng quy hoạch sở giáo dục nghề nghiệp điều chỉnh ngành nghề trọng điểm, Nhà trường phép đào tạo ngành nghề trọng điểm quốc gia bao gồm: Quản trị nhà hàng, Quản trị khách sạn, Quản trị lễ tân, Quản trị lữ hành, Hướng dẫn du lịch Quản trị chế biến ăn Từ năm 2016, Nhà trường thực đào tạo cấp độ quốc tế hai chuyên ngành Quản trị lữ hành Hướng dẫn du lịch theo chương trình chuyển giao Australia, năm 2019 tiếp tục đào tạo hai chuyên ngành Quản trị khách sạn Kỹ thuật chế biến ăn theo chương trình chuyển giao CHLB Đức Sinh viên học trường 100% cam kết bố trí việc làm doanh nghiệp du lịch dịch vụ đẳng cấp Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin 10 Ý nghĩa Lợi ích việc xây dựng trang website trường học nói chung website Trường cao đẳng du lịch Hải Phịng nói riêng điều cần thiết quan trọng Giúp ích việc truyền đạt thơng tin tới người đọc, quảng bá hình ảnh trường Giúp bạn sinh viên cập nhập tin tức, thông báo tài liệu học tập trực tuyến bổ ích… Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin 11 CHƯƠNG 1: TỔNG QUAN 1.1 Tổng quan World Wide Web 1.1.1 Khái niệm World Wide Web (WWW) hay gọi web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số website giới đạt tới số khổng lồ WWW cho phép truy xuất thơng tin văn bản, hình ảnh, âm thanh, video tồn giới Thơng qua website, q cơng ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi 1.1.2 Cách tạo trang web Có nhiều cách để tạo trang web, tạo trang web chương trình xử lí văn nào: - - - - Tạo web bằng cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad, v.v chương trình soạn thảo văn có sẵn Window Thiết kế bằng cách dùng web Wizard công cụ Word 97, Word 2000 Thiết kế web bằng phần mềm chuyên nghiệp: PHPStorm, Dreamweaver, Nescape Editor, giúp thiết kế trang web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần code Để xây dựng ứng dụng web hồn chỉnh có tính thương mại, cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi muốn triển khai ứng dụng web mạng, điều kiện cấu hình phần cứng, cần có trình chủ web thường gọi web Server 1.1.3 Trình duyệt web (web Client hay web Browser) Trình duyệt Web cơng cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệu vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thơng qua ISP Các trình duyệt thông dụng là: Microsoft Internet Explorer, Google Chrome, Mozilla FireFox… Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin 12 1.1.4 Webserver Webserver máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trị chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò server cung cấp dịch vụ Web.Webserver hỗ trợ các công nghệ khác nhau: - 1.2 IIS (Internet Information Service): Hỗ trợ ASP, mở rộng hỗ trợ PHP Apache: Hỗ trợ PHP Tomcat: Hỗ trợ JSP (Java Servlet Page) Tổng quan Html-css 1.2.1: Giới thiệu html Hình Cấu trúc website - - - Thẻ định nghĩa trang html, kiểu khai báo html Thẻ tạo tiêu đề trang tiêu đề, thẻ bắt buộc Thẻ title cho phép trình bày chuỗi tựa đề trang web trang Web duyệt trình duyệt web Thẻ tất thông tin khai báo thẻ xuất trang web Những thơng tin nhìn thấy trang web Thẻ … định nghĩa nội dung Thẻ

tạo đoạn Thẻ thay đổi phơng chữ, kích cỡ màu kí tự Thẻ thẻ định dạng bảng trang web Sau khai báo thẻ này, phải khai báo thẻ hàng thẻ cột với thuộc tính Thẻ cho phép chèn hình ảnh vào trang web Thẻ thuộc loại thẻ khơng có thẻ đóng Sinh Viên: Bùi Quang Tuấn - Lớp: CT1701- Ngành: Công nghệ thông tin 13 - - - - Thẻ loại thẻ dùng để liên kết trang web liên kết đến địa Internet, Mail hay Intranet (URL) địa tập tin mạng cục (UNC) Thẻ cho phép người dùng nhập liệu hay thị thực thi hành động đó, thẻ Input bao gồm loại thẻ như: text, password, submit, button, reset, checkbox, radio, hidden, image Thẻ < textarea> < \textarea> cho phép người dùng nhập liệu với nhiều dòng Với thẻ giới hạn chiều dài lớn trang Web Thẻ … cho phép người dùng chọn phần tử tập phương thức định nghĩa trước Nếu thẻ cho phép người dùng chọn phần tử danh sách phần tử thẻ giống combobox Nếu thẻ cho phép người dùng chọn nhiều phần tử lần danh sách phần tử, thẻ dạng listbox Thẻ … muốn submit liệu người dùng nhập từ trang web phía Client lên phía Server, có hai cách để làm điều nàu ứng với hai phương thức POST GET thẻ form Trong trang web có nhiều thẻ khác nhau, thẻ