Đồ án môn học lập trình web xây website bán nông sản sạch

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY WEBSITE BÁN NÔNG SẢN SẠCH GVHD: NGUYỄN HỮU VĨNH SVTH: PHẠM PHƯƠNG TÂY MSSV: 1924801030022 SVTH: NGUYỄN VĂN THÀNH MSSV: 1924801030117 LỚP: D19PM01 BÌNH DƯƠNG – 12/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY WEBSITE BÁN NÔNG SẢN SẠCH GVHD: NGUYỄN HỮU VĨNH SVTH: PHẠM PHƯƠNG TÂY MSSV: 1924801030022 SVTH: NGUYỄN VĂN THÀNH MSSV: 1924801030117 LỚP: D19PM01 BÌNH DƯƠNG – 12/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Th.S NGUYỂN HỮU VĨNH Tên đề tài: XÂY WEBSITE BÁN NÔNG SẢN SẠCH Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) Nguyễn Hữu Vĩnh 0 MỞ ĐẦU Ngày trước phát triển khoa học kỹ thuật việc ứng dụng công nghệ vào sống thật quan trọng hữu ích, khơng đem lại hiệu cao cơng việc mà cịn góp phần to lớn cho nghiệp phát triển người, cộng đồng đất nước Như thấy thị trường việc cạnh tranh kinh doanh ngày trở nên liệt hầu hết nhà kinh doanh, công ty lớn tâm đến việc làm thoả mãn nhu cầu khách hàng cách tốt So với kinh doanh truyền thống thương mại điện tử sử dụng chi phí thấp hơn, hiệu đạt cao Hơn nữa, với lợi công nghệ Internet nên việc truyền tải thông tin sản phẩm nhanh chóng, thuận tiện Kết hợp với phận giao hàng tận nơi, thông qua bưu điện ngân hàng để toán tiền, tăng thêm thuận lợi để loại hình phát triển Vì mà em thực đồ án “XÂY WEBSITE BÁN NÔNG SẢN SẠCH” với mong muốn đáp ứng nhu cầu khách hàng, cách thơng qua hệ thống Website họ đặt mua mặt hàng hay sản phẩm cần thiết dễ dàng nhanh gọn hơn, không thời gian công sức Với hướng dẫn tận tình Nguyễn Hữu Vĩnh em hồn thành báo cáo đồ án Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống không tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn 0 MỤC LỤC CHƯƠNG I KHẢO SÁT VÀ SÁT ĐỊNH YÊU CẦU 1 Phân tích yêu cầu đề tài 1.1 Tên đề tài 1.2 Chức 1.3 Yêu cầu đặt .1 Phân tích thiết kế hệ thống 2.1 Khảo sát trạng xây dựng hệ thống 2.2 Phân tích hệ thống 2.3 Sơ đồ phân cấp chức khách hàng 2.4 Sơ đồ phân cấp chức cùa quản lý sản phẩm CHƯƠNG II CƠ SỞ LÝ THUYÊT ASP.NET ADO.NET .8 Thư viện Boostrap Dreamweaver Thư viện JQUERY CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 18 Biểu đồ Use Case 18 1.1 Biểu đồ Use Case mức tổng quát 19 1.2 Đặt tả Use Case 19 Biểu đồ (Sequence Diagram) 23 2.1 Biểu đồ Đăng nhập 23 2.2 Biểu đồ đăng kí 24 2.3 Biểu đồ đặt hàng 24 2.4 Biểu đồ quản lý sản phẩm 25 2.5 Biểu đồ chi tiết sản phẩm .25 2.6 Biểu đồ tìm kiếm 26 Lược đồ quan hệ thực thể .26 Các bảng CSDL 27 4.1 Bảng Hóa Đơn 27 4.2 Bảng Khách Hàng 27 4.3 Bảng Sản Phẩm 28 4.4 Bảng Xuất Xứ 29 4.5 Bảng Loại Sản Phẩm 29 CHƯƠNG IV XÂY DỰNG WEBSITE 21 Đặt tả giao diện thủ tục 21 1.1 Đặt tả giao diện trang chủ 21 1.2 Đặt tả giao diện trang đăng ký 22 1.3 Đặt tả giao diện trang đăng nhập 23 1.4 Đặt tả giao diện chi tiết sản phẩm 24 1.5 Đặt tả giao diện giỏ hàng 25 1.6 Đặt tả giao diện danh mục 25 0 1.7 Đặt tả giao diện Xuất Xứ 27 1.8 Đặt tả giao diện Sản Phẩm Mới 28 Một số giao diện trang Admin 28 2.1 Đặt tả giao diện trang quản lý sản phẩm 28 2.2 Đặt tả giao diện trang Chỉnh Sửa Sản Phẩm 29 Hình 25 Giao Diện Chỉnh Sửa Sản Phẩm 30 2.3 Giao Diện Thêm Sản Phẩm 30 KẾT LUẬN 31 Kết đạt 31 Hướng phát triển đề tài 31 TÀI LIỆU THAM KHẢO 33 0 DANG MỤC HÌNH Hình Sơ đồ chức khách hàng .4 Hình Sơ đồ quản lý sản phẩm .7 Hình Usecase tổng quát Error! Bookmark not defined Hình Biểu đồ đăng nhập Error! Bookmark not defined Hình Biểu đồ chức đăng kí Error! Bookmark not defined Hình Biểu đồ đặt hàng Error! Bookmark not defined Hình Biểu đồ quản lý sản phẩm .Error! Bookmark not defined Hình Biểu đồ chi tiết sản phẩm Error! Bookmark not defined Hình Biểu đồ tìm kiếm Error! Bookmark not defined Hình 10 Lược đồ quan hệ thực thể 26 Hình 11 CSDL Hóa Đơn .27 Hình 12 CSDL Khách Hàng 27 Hình 13 CSDL Sản Phẩm .28 Hình 14 CSDL Xuất Xứ 29 Hình 15 CSDL Loại Sản Phẩm .29 Hình 16 Giao diện trang chủ 21 Hình 17 Giao diện trang đăng ký 22 Hình 18 Giao diện trang đăng nhập 23 Hình 19 Giao diện chi tiết sản phẩm .24 Hình 20 Giao diện giỏ hàng 25 Hình 21 Giao diện danh mục 26 Hình 22 Giao diện Xuất Xứ 27 Hình 23 Giao diện sản phẩm Mớ 28 Hình 24 Giao diện trang sản phẩm 29 Hình 25 Giao diện Thêm Mới Sản Phẩm 30 0 DANH MỤC BẢNG Bảng Danh sách Actor .Error! Bookmark not defined Bảng Danh sách Usecase Error! Bookmark not defined 0 Chương Khảo sát xác định yêu cầu CHƯƠNG I KHẢO SÁT VÀ SÁT ĐỊNH YÊU CẦU Phân tích yêu cầu đề tài 1.1 Tên đề tài - Xây dựng website bán nông sản 1.2 Chức – Đây website bán giới thiệu sản phẩm cửa hàng, công ty đến người tiêu dùng với chi tiết mặt hàng với giá xác Có chứa sau:  Cho phép cập nhật hàng vào sở liệu  Hiển thị danh sách mặt hàng theo loại  Hiển thị hàng hoá khách hàng chọn mua  Hiển thị thông tin khách hàng  Quản lý đơn đặt hàng  Cập nhật hàng hoá, nhà sản xuất, loại hàng  Xử lý đơn hàng 1.3 Yêu cầu đặt – Hệ thống có phần:  Phần khách hàng  Khách hàng người có nhu cầu mua sắm hàng hóa, họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng Vì phải có chức sau: Hiển thị danh sách mặt hàng cửa hàng để khách hàng xem, lựa chọn mua + Khách hàng xem thông tin, khuyến 0 Chương Khảo sát xác định yêu cầu trang web + Tiếp nhận kiểm tra đơn đặt hàng khách hàng Hiển thị đơn đặt hàng  Điều quan trọng phải đảm bảo an tồn tuyệt đối thơng tin khách hàng trình đặt mua qua mạng Đồng thời trang Web phải đổi mới, hấp dẫn  Phần admin  Người làm chủ có quyền kiểm soát hoạt động hệ thống Người cấp username password để đăng nhập hệ thống thực chức mình: oChức cập nhật, sửa, xoá mặt hàng, loại hàng, nhà sản xuất, tài khoản khách hàng, slider oTiếp nhận kiểm tra đơn đặt hàng khách hàng Hiển thị đơn đặt hàng  Ngồi chức trang Web phải thiết kế cho dễ hiểu, giao diện mang tính dễ dùng đẹp mắt cho khách hàng thấy thơng tin cần tìm, cung cấp thơng tin quảng cáo hấp dẫn, tin tức khuyến để thu hút khách hàng Điều quan trọng phải đảm bảo an tồn tuyệt đối thơng tin khách hàng trình đặt mua qua mạng Đồng thời trang Web phải ln đổi mới, hấp dẫn Phân tích thiết kế hệ thống 2.1 Khảo sát trạng xây dựng hệ thống – Sau khảo sát em nắm bắt thông tin :  Quản lý khách hàng: Mỗi khách hàng quản lý thông tin sau: họ tên, địa chỉ, số điện thoại, email,giới tính, ngày 0 Chương Thiết kế csdl 4.3 Bảng Sản Phẩm Hình 13 CSDL Sản Phẩm 28 0 Chương Thiết kế csdl 4.4 Bảng Xuất Xứ Hình 14 CSDL Xuất Xứ 4.5 Bảng Loại Sản Phẩm Hình 15 CSDL Loại Sản Phẩm 29 0 Chương Thiết kế csdl CHƯƠNG IV XÂY DỰNG WEBSITE Bán Nông Sản Đặt tả giao diện thủ tục 1.1 Đặt tả giao diện trang chủ  Giao diện trang chủ - Tên biểu mẫu: Đăng nhập hệ thống quản lý danh mục - Người sử dụng: Ở người dùng biết tổng quan trang web, đầy đủ tính sản phẩm Người dùng trực tiếp nhấn chọn sản phẩm mà u thích khám phá tính web - Nhiệm vụ: Đưa người dùng đến giao diện web với đầy đủ sản phẩm - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 16 Giao diện trang chủ 21 0 Chương Thiết kế csdl 1.2 Đặt tả giao diện trang đăng ký  Giao diện đăng ký - Tên biểu mẫu: Đăng nhập hệ thống trang đăng ký - Người sử dụng: Người dùng muốn mua sản phẩm trước tiên cần phải đăng ký nick để xác thực kiểm tra người mua.Người dùng cần phải nhập thông tin đầy đủ thêm yêu cầu - Nhiệm vụ: Giúp người dùng đăng ký tài khoản để quản lý sản phẩm - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 17 Giao diện trang đăng ký 22 0 Chương Thiết kế csdl 1.3 Đặt tả giao diện trang đăng nhập  Giao diện đăng nhập - Tên biểu mẫu: Đăng nhập hệ thống trang đăng nhập - Người sử dụng: Sau người dùng đăng ký xong tài khoản cần phải đăng nhập vào hệ thống, sau trở thành thành viên web người nhận nhiều ưu đãi - Nhiệm vụ: Giúp người dùng đăng nhập vào tài khoản để quản lý sản phẩm - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 18 Giao diện trang đăng nhập 23 0 Chương Thiết kế csdl 1.4 Đặt tả giao diện chi tiết sản phẩm  Giao diện chi tiết sản phẩm - Tên biểu mẫu: Đăng nhập hệ thống quản lý chi tiết sản phẩm - Người sử dụng: Sau người dùng nhấn chọn sản phẩm trang thông tin chi tiết sản phẩm Nếu khách hàng ưng ý sản phẩm thêm sản phẩm vào giỏ hàng - Nhiệm vụ: Bước quan trọng để khách hàng ưng ý mua sản phẩm Ở chi tiết sản phẩm người dùng biết đầy đủ thông tin cần thiết số năm bảo hành, lượt đánh giá… - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 19 Giao diện chi tiết sản phẩm 24 0 Chương Thiết kế csdl 1.5 Đặt tả giao diện giỏ hàng  Giao diện giỏ hàng - Tên biểu mẫu: Đăng nhập hệ thống quản lý giỏ hàng - Người sử dụng: - Sau lựa chọn sản phẩm u thích người dùng cần nhấn vào toán để mua sản phẩm - Nhiệm vụ: Giúp người dùng toán sản phẩm - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 20 Giao diện giỏ hàng 1.6 Đặt tả giao diện danh mục  Giao diện danh mục sản phẩm - Tên biểu mẫu: Đăng nhập hệ thống quản lý danh mục sản phẩm - Người sử dụng: Người dùng trực tiếp lựa chọn tên sản phẩm 25 0 Chương Thiết kế csdl u thích mà khơng cần phải lịng vịng tìm kiếm sản phẩm - Nhiệm vụ: Lựa chọn thương hiệu sản phẩm ví dụ:Rau, Củ Quả , Trà - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 21 Giao diện danh mục 26 0 Chương Thiết kế csdl 1.7 Đặt tả giao diện Xuất Xứ  Giao diện danh mục thương hiệu mặt hàng - Tên biểu mẫu: Đăng nhập hệ thống quản lý danh mục thương hiệu - Người sử dụng: Giúp người dùng biết mặt hàng Vườn Rau Nào - Nhiệm vụ: Lựa chọn thương hiệu sản phẩm ví dụ: Vườn rau Đà lạt… - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 22 Giao diện Xuất Xứ 27 0 Chương Thiết kế csdl 1.8 Đặt tả giao diện Sản Phẩm Mới  Giao diện sản phẩm Mới - Tên biểu mẫu: Sản phẩm Mới - Người sử dụng: Người dùng lựa chọn mặt hàng Mới Cập Nhật - Nhiệm vụ: Giúp người dùng lựa chọn sản phẩm Mới Nhất - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 23 Giao diện sản phẩm Mớ Một số giao diện trang Admin 2.1 Đặt tả giao diện trang quản lý sản phẩm  Giao diện quản lý sản phẩm - Tên biểu mẫu: Đăng nhập hệ thống quản lý sản phẩm - Admin: Ở người quản lý quản lý sản phẩm trực tiếp khơng cần phải thơng qua sql để thêm xóa sửa sản phẩm - Nhiệm vụ: Quản lý thêm nhập xóa sửa sản phẩm 28 0 Chương Thiết kế csdl - Hệ thống: ASP.NET MVC,Bootstrap, JQuery, Ajax, Javascript Hình 24 Giao diện trang sản phẩm 2.2 Đặt tả giao diện trang Chỉnh Sửa Sản Phẩm  Giao diện người dùng - Admin: Có thể chỉnh sửa lại thơng tin sản phẩm tùy ý - Nhiệm vụ: Quản lý Sản Phẩm - Hệ thống: ASP.NET MVC, JQuery, Ajax, Javascript 29 0 Chương Thiết kế csdl Hình 25 Giao Diện Chỉnh Sửa Sản Phẩm 2.3 Giao Diện Thêm Sản Phẩm - Admin: Ở admin thêm sản phẩm cho shop - Nhiệm vụ: Thêm Sản Phẩm Hình 25 Giao diện Thêm Mới Sản Phẩm 30 0 Chương Thiết kế csdl KẾT LUẬN Kết đạt – Đối với người dùng  Các cách tìm kiếm, tra cứu theo chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng  Xem chi tiết thông tin sản phẩm  Cho phép khách hàng đăng ký thông tin để thực việc mua sản phẩm  Kiểm tra tính hợp lệ khách hàng đăng nhập hệ thống  Tạo đơn đặt hàng  Có thể chạy nhiều hệ điều hành – Đối với người quản trị  Xem thông tin đề mục cần quản lý như: Khách hàng, sản phẩm, đơn đặt hàng…  Đưa form để nhập liệu loại tư liệu  Có thể sửa đổi, cập nhật liệu  Trong việc thêm sản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng  Các chức thực thơng qua giao diện web  Có thể chạy nhiều hệ điều hành Hướng phát triển đề tài Hướng phát triển Website tiến đến thương mại điện tử với đầy đủ chức tốn tiền qua mạng Vấn đề Website phục vụ việc quảng cáo Từ đó, bên cạnh việc thương mại vấn đề cần phải tập trung thu hút khách hàng liên hệ thõa thuận thiết kế, lắp đặt cơng trình thuộc lĩnh vực chuyên môn công ty, cửa hàng Do thời gian sau cần bổ sung chức kiểm kê: 31 0 Chương Thiết kế csdl Thống kê số lần truy cập database, thống kê giá xuất nhập, tồn kho, thống kê doanh thu, xử lý hóa đơn tự động Quản lý kho (kiểm tra lượng sản phẩm tồn kho tự động), tốn điện tử có sử dụng Edit card Bổ sung thêm số chức kiểm tra liệu nhập, thay đổi mật mã truy nhập khách hàng nhà quản trị Mặc dù cố gắng hồn chỉnh u cầu báo cáo cịn nhiều thiếu sót mong nhận bảo hướng dẫn thầy cô khác giúp đỡ xem xét, đề xuất thêm ý kiến bổ sung vấn đề phục vụ cho việc xây dựng Website để em hồn chỉnh Em xin cảm ơn quý thầy cô 32 0 Chương Thiết kế csdl TÀI LIỆU THAM KHẢO Tiếng Việt Bryan Syverson, Joel Murach, SQL Server hướng dẫn học qua ví dụ, NXB Khoa học Kỹ thuật, 2013 Dương Anh Đức, Giáo trình phân tích thiết kế hướng đối tượng UML Joel Murach Ray Harris, Lập trình PHP MYSQL, NXB Khoa học Kỹ Thuật Scott Oaks, Java Performance: The Definitive Guide (2014), O'Reilly Brian Goetz, Java Concurrency in Practice (2006), Addison-Wesley Professional Kathy Sierra & Bert Bates, Head First Java (2005), O'Reilly Media Herbert Schildt, The Complete Reference (2018), McGraw-Hill Education Website 1.https://www.youtube.com/watch?v=XUDN8K1c31A&list=PLkcsD2tkd QceIovADL0u_fsHY4Exw4GTd&index=3 2.https://laptrinhjavaweb.com/springmvc 3.https://laptrinhjavaweb.com/huong-dan-tao-project-spring-mvc-su-dung -xml-configuration-8 4.https://hiepsiit.com/? cf_chl_jschl_tk =pmd_1777b239ebe708e3773 58aa6b8012f38374f76a8-1626868539-0-gqNtZGzNAc2jcnBszQjO 33 0 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY WEBSITE BÁN NÔNG SẢN SẠCH GVHD: NGUYỄN HỮU VĨNH SVTH: PHẠM PHƯƠNG TÂY... hệ thống ? ?Xây dựng website bán nông sản sạch? ?? – Xây dựng biểu đồ phân cấp chức năng, biểu đồ luồng liệu 0 Chương Khảo sát xác định yêu cầu 2.3 Sơ đồ phân cấp chức khách hàng Hình Sơ đồ chức khách... trạng hệ thống xây dựng hệ thống em đưa tệp sở liệu ? ?Xây dựng website bán nông sản sạch? ?? – Qua q trình khảo sát, phân tích thực trạng xây dựng hướng phát triển cho hệ thống em đa xây dựng cấu trúc