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 Đã giao nhiệm vụ ĐTTN Đã nhận nhiệm vụ ĐTTN Giảng viên hướng dẫn Sinh viê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 Ngành: Công nghệ thông tin Dư 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…) ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… 3.Ý kiến giảng viên hướng dẫn tốt nghiệp Đạt Khơng đạt 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 1.Phần nhận xét giảng viên chấm phản biện ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… 2.Những mặt hạn chế ……….…………………………………………………………………………… ……….………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… ……….…………………………………………………………………………… 3.Ý kiến giảng viên chấm phản biện Được bảo vệ Hải Phòng, ngày 2021 tháng năm 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 q trình làm khố 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è, ln 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 Sinh Viên Lê Quang Dư năm 2020 MỤC LỤC LỜI MỞ ĐẦU1 GIỚI THIỆU Mục tiêu đề tài 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 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 1.3.2 Lý nên dùng PHP 1.3.3 Hoạt động PHP 1.3.4 Tổng quan PHP 1.3.5 Hàm PHP 1.3.6 Session Cookie 1.3.7 Mơ hình MVC 1.4 Cơng cụ sử dụng 1.4.1 Hệ quản trị sở liệu MySQL 1.5.2 Ứng dụng Xampp CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Khảo sát đặc tả yêu cầu 2.2 Phân tích thiết kế hướng đối tượng UML 2.2.1 Khái niệm phân tích thiết kế hướng đối tượng 2.2.2 Khái niệm UML 2.2.3 Phát biểu toán 2.2.4 Back-end 2.2.5 Front-end 2.3 Các yêu cầu phi chức 2.4 Phân tích thiết kế hệ thống 2.5 Biểu đồ use case 2.5.1 Biểu đồ Use – case tổng quát 2.5.2 Use case đăng nhập 2.5.3 Use case quản lý danh mục 2.5.4 Use case quản lý quản trị viên 2.5.5 Use case quản lý viết 2.5.6 Use case quản lý liên hệ 2.5.7 Use case quản lý giới thiệu 2.5.8 Use case quản lý ảnh/video 2.5.9 User case Backup/Restore Database 2.6 Biểu đồ 2.6.1 Biểu đồ chức đăng nhập 2.6.2 Biểu đồ quản lý giới thiệu 2.6.3 Biểu đồ quản lý danh mục 2.6.4 Biểu đồ quản lý viết 2.6.5 Biểu đồ quản lý quản trị viên 2.6.6 Biểu đồ quản lý ảnh/video 2.6.7 Biểu đồ quản lý liên hệ 2.5.8 Biểu đồ Backup/Restore Database 2.7 Biểu đồ hoạt động 2.7.1 Biểu đồ hoạt động chức thêm danh mục 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 Ngồi cịn 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 Ngoà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 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 hoà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 Loa Giới thiệu Hợp tác xã nông nghiệp du lịch cộng đồng Cổ 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