Xây dựng trang web cho Hợp tác xã Nông nghiệp và Du lịch cộng đồng Cổ Loa

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - ISO 9001:2015 ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Sinh viên : Lê Quang Dư Giảng viên hướng dẫn: TS Đỗ Văn Chiểu HẢI PHÒNG – 2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - XÂY DỰNG TRANG WEB CHO HỢP TÁC XÃ NÔNG NGHIỆP VÀ DU LỊCH CỘNG ĐỒNG CỔ LOA ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY NGÀNH CÔNG NGHỆ THÔNG TIN Sinh viên : Lê Quang Dư Giảng viên hướng dẫn: TS Đỗ Văn Chiểu HẢI PHÒNG – 2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP Sinh viên: Lê Quang Dư Lớp : CT2001C Ngành : Công Nghệ Thông Tin Mã SV: 1612111017 Tên đề tài: Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp - Tìm hiểu lập trình website với PHP/ My SQL - Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa + Phân tích thiết kế hệ thống + Xây dựng Back - end, Front – end - Demo website thử nghiệm Các tài liệu, số liệu cần thiết …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Địa điểm thực tập tốt nghiệp …………………………………………………………………………… CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Họ tên : Đỗ Văn Chiểu Học hàm, học vị : Tiến sĩ Cơ quan công tác : Trường Đại học Quản lý Cơng nghệ Hải Phịng Nội dung hướng dẫn : Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa Đề tài tốt nghiệp giao ngày 30 tháng 09 năm 2020 Yêu cầu phải hoàn thành xong trước ngày 31 tháng 12 năm 2020 Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN Sinh viên Giảng viên hướng dẫn Hải Phòng, ngày tháng TRƯỞNG KHOA năm 2020 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TỐT NGHIỆP Họ tên giảng viên: TS Đỗ Văn Chiểu Đơn vị công tác: Khoa Công nghệ thông tin, trường ĐH Quản lý Cơng nghệ Hải Phịng Họ tên sinh viên: Lê Quang Dư Ngành: Công nghệ thông tin Nội dung hướng dẫn: ………………………………………………………………………….………… …………………………………………………………………………….……… ……………………………………………………………………………….…… ………………………………………………………………………………….… Tinh thần thái độ sinh viên trình làm đề tài tốt nghiệp ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… Đánh giá chất lượng đồ án/khóa luận (so với nội dung yêu cầu đề nhiệm vụ Đ.T T.N mặt lý luận, thực tiễn, tính toán số liệu…) ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… Ý kiến giảng viên hướng dẫn tốt nghiệp Đạt Không đạt Điểm:…………………… Hải Phòng, ngày … tháng …… năm 2021 Giảng viên hướng dẫn (Ký ghi rõ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN Họ tên giảng viên: Ths Vũ Anh Hùng Đơn vị công tác: Khoa Công nghệ thông tin, trường ĐH Quản lý Công nghệ Hải Phòng Họ tên sinh viên: Lê Quang Dư Ngành: Công nghệ thông tin Đề tài tốt nghiệp: Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa Phần nhận xét giảng viên chấm phản biện ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… Những mặt hạn chế ……….…………………………………………………………………………… ……….………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… Ý kiến giảng viên chấm phản biện Được bảo vệ Không bảo vệ Điểm:………………… Hải Phòng, ngày tháng năm 2021 Giảng viên chấm phản biện (Ký ghi rõ họ tên) LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến Th.s Đỗ Văn Chiểu, giảng viên Bộ môn Công Nghệ Thông Tin - Trường Đại học Quản lý Cơng nghệ Hải Phịng người tận tình hướng dẫn, bảo em suốt trình làm khoá luận Em xin chân thành cảm ơn thầy cô giáo trường Đại học Quản lý Cơng nghệ Hải Phịng nói chung, thầy Bộ mơn Cơng Nghệ Thơng Tin nói riêng dạy dỗ cho em kiến thức môn đại cương mơn chun ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập để em có ngày hơm Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt q trình học tập hồn thành khóa luận tốt nghiệp Em xin chân thành cảm ơn! Hải Phòng, ngày tháng năm 2020 Sinh Viên Lê Quang Dư MỤC LỤC LỜI MỞ ĐẦU1 GIỚI THIỆU Mục tiêu đề tài 2 Giải pháp cách thực đề tài Giới thiệu Hợp tác xã nông nghiệp du lịch cộng đồng Cổ Loa Ý nghĩa CHƯƠNG 1: TỔNG QUAN 1.1 Tổng quan World Wide Web 4 1.1.1 Khái niệm 1.1.2 Cách tạo trang web 1.1.3 Trình duyệt web (web Client hay web Browser) 1.1.4 Web Server 1.2 Tổng quan HTML – CSS 1.2.1 Giới thiệu HTML 1.2.2 Giới thiệu CSS 1.3 Ngôn ngữ PHP 1.3.1 Định nghĩa PHP 9 1.3.2 Lý nên dùng PHP 10 1.3.3 Hoạt động PHP 10 1.3.4 Tổng quan PHP 11 1.3.5 Hàm PHP 12 1.3.6 Session Cookie 13 1.3.7 Mơ hình MVC 15 1.4 Cơng cụ sử dụng 16 1.4.1 Hệ quản trị sở liệu MySQL 16 1.5.2 Ứng dụng Xampp 18 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 19 2.1 Khảo sát đặc tả yêu cầu 19 2.2 Phân tích thiết kế hướng đối tượng UML 19 2.2.1 Khái niệm phân tích thiết kế hướng đối tượng 19 2.2.2 Khái niệm UML 19 2.2.3 Phát biểu toán 22 2.2.4 Back-end 23 2.2.5 Front-end 24 2.3 Các yêu cầu phi chức 25 2.4 Phân tích thiết kế hệ thống 25 2.5 Biểu đồ use case 27 2.5.1 Biểu đồ Use – case tổng quát 27 2.5.2 Use case đăng nhập 28 2.5.3 Use case quản lý danh mục 29 2.5.4 Use case quản lý quản trị viên 32 2.5.5 Use case quản lý viết 35 2.5.6 Use case quản lý liên hệ 38 2.5.7 Use case quản lý giới thiệu 40 2.5.8 Use case quản lý ảnh/video 43 2.5.9 User case Backup/Restore Database 46 2.6 Biểu đồ 49 2.6.1 Biểu đồ chức đăng nhập 49 2.6.2 Biểu đồ quản lý giới thiệu 50 2.6.3 Biểu đồ quản lý danh mục 51 2.6.4 Biểu đồ quản lý viết 52 2.6.5 Biểu đồ quản lý quản trị viên 53 2.6.6 Biểu đồ quản lý ảnh/video 54 2.6.7 Biểu đồ quản lý liên hệ 55 2.5.8 Biểu đồ Backup/Restore Database 55 2.7 Biểu đồ hoạt động 2.7.1 Biểu đồ hoạt động chức thêm danh mục 56 56 updated_at timestamp Null Thời gian cập nhật admin_id Int(11) Khóa ngồi Id người đăng keywords varchar(255) Not Null Từ khóa CHƯƠNG 3: DEMO WEBSITE 3.1 Demo Back-end 3.1.1 Giao diện trang chủ đăng nhập Hình 3.1: Giao diện đăng nhập Giao diện đăng nhập để vào người dùng phải có tài khoản quản trị viên Hình 3.2: Giao diện người dùng đăng nhập Trong phần quản trị có chức quản lý thống kê website tổng lượt xem, tổng viết, tổng lượt xem, tổng số quản trị viên 3.1.2 Giao diện quản trị viên Hình 3.3: Giao diện quản lý quản trị viên Giao diện quản lý quản trị viên hiển thị thơng tin quản trị viên hình ảnh admin, họ tên, email, số điện thoại,địa chỉ, ngày tạo Hình 3.4: Giao diện thêm quản trị viên Giao diện thêm quản trị viên cần điền thông tin người quản trị mới, với thơng tin có form Hình 3.5: Giao diện chỉnh sửa quản trị viên Giao diện chỉnh sửa quản trị viên người dùng thay đổi mật thông tin cần thay đổi 3.1.3 Giao diện quản lý danh mục Hình 3.6: Giao diện quản lý danh mục Giao diện quản lý danh mục gồm có thơng tin danh mục tên danh mục, thứ tự hiển thị, trạng thái có hiển thị Quản trị viên thêm xóa danh mục Hình 3.1: Giao diện thêm danh mục Hình 3.2: Giao diện chỉnh sửa danh mục Giao diện thêm sửa danh mục gồm có thêm danh mục lựa chọn danh mục cha hay danh mục con, thứ tự hiển thị website, lựa chọn hiển thị trang có khơng 3.1.4 Giao diện quản lý người viết Hình 3.3: Giao diện quản lý viết Giao diện quản lý viết gồm có thơng tin ảnh đại diện cho viết, tiêu đề, danh mục, số lượt xem, người đăng, ngày tạo Ngoài hiển thị chức thêm xóa xem chi tiết tin Hình 3.7: Giao diện chức thêm viết Giao diện chức thêm viết quản trị viết cần điền thông tin form thêm viết Hình 3.8: Giao diện chỉnh sửa viết Giao diện chỉnh sửa viết cho phép quản trị viên thay đổi thông tin viết cần sửa nhập thêm từ khóa 3.1.5 Giao diện quản lý liên hệ Hình 3.9: Giao diện quản lý liên hệ Quản trị viên nhìn thấy liên hệ phản hồi họ tên, email, số điện thoại, nội dung quản trị viên xóa liên hệ 3.2 Demo Front-end 3.2.1 Giao diện trang chủ Hình 3.10: Giao diện trang chủ Website Tại giao diện trang chủ, hiển thị thông tin Hợp tác xã, hiển danh sách danh mục, viết bật tin tức vừa cập nhật Ngồi trang chủ cịn có mục hiển thị Facebook, Zalo giúp người cho việc chia sẻ website có đồ hiển thị tới Hợp tác xã 3.2.2 Giao diện chi tiết viết Hình 3.11: Giao diện trang chi tiết viết Giao diện chi tiết viết hiển thị tiêu đề nội dung viết thời gian đăng tải viết Hình 3.12: Giao diện trang chi tiết người viết Cuối trang chi tiết viết có tin tức có liên quan có nút chia sẻ sang trang mạng xã hội khác 3.2.3 Giao diện trang liên hệ Hình 3.13: Giao diện trang liên hệ Trang liên hệ cho phép gửi thông tin liên hệ mà người dùng cần phản hồi lại gồm có họ tên, nội dung, số điện thoại, email Hiển thị đồ đường tới địa hợp tác xã 3.2.4 Giao diện website di động Hình 3.14: Giao diện website di động KẾT LUẬN Về hiểu trình xây dựng website ngơn ngữ lập trình PHP Xây dựng trang với giao diện thân thiện, từ ngữ dễ hiểu dễ sử dụng với người dùng Đồng thời tạo chức quản lý nội dung khiến người dùng dễ dàng thao tác, quản lý Xây dựng chức phân quyền người dùng đăng nhập để quản lý nội dung Xây dựng trang web hiển thị nội dung linh hoạt, giúp cập nhập tin tức, hình ảnh, viết dễ dàng Thiết kế giao diện với màu sắc bố cục hài hòa tạo cho người sử dụng cảm thấy thoải mái sử dụng Tuy nhiên số hạn chế, Website cịn nhỏ Thiếu chức tìm kiếm nội dung, chức đăng ký, đăng nhập, chức chat trực tuyến với người dùng Nội dung chưa đáp ứng đầy đủ tới người dùng Trong thời gian tới em hồn thành chức tìm kiếm nội dung, chức đăng ký, đăng nhập, chức chat trực tuyến với người dùng Tạo sở liệu phong chú, xây dựng trang chi tiết đa dạng hơn, nội dung thuận tiện tới người dùng TÀI LIỆU THAM KHẢO [1] Trần Đình Quế, Nguyễn Mạnh Sơn, Phân tích thiết kế hệ thống thơng tin, Học viện Cơng nghệ Bưu Viễn Thơng, 2007 [2]https://kungfuphp.com/mysql/gioi-thieu-ve-he-quan-tri-co-so-du-lieumysql.html [3] https://topdev.vn/blog/mo-hinh-mvc-trong-php/ [4]https://tuhoclaptrinh.cachhoc.net/2017/03/25/php-mvc-code-thuan-bai-1gioi-thieu/ [5] https://www.w3schools.com/ ... để xây dựng website, số thư viện hỗ trợ việc xây dựng website Giới thiệu Hợp tác xã nông nghiệp du lịch cộng đồng Cổ Loa Hợp tác xã nông nghiệp du lịch cộng đồng Cổ Loa hay gọi tên viết tắt Hợp. .. tài: Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp - Tìm hiểu lập trình website với PHP/ My SQL - Xây. .. chọn đề tài là: ? ?Xây dựng trang web cho Hợp tác xã Nông nghiệp Du lịch cộng đồng Cổ Loa? ?? GIỚI THIỆU Mục tiêu đề tài Xây dựng Website giới thiệu dịch vụ sản phẩm mơ hình nơng nghiệp cách nhanh