lOMoARcPSD|38590726 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO ĐỀ T䄃I: XÂY DỰNG WEBSITE BÁN THỰC PHẨM SẠCH Sinh viên thực hiện : MAI HỒNG QUÂN LÊ NGUYÊN TIẾN Giảng viên hướng dẫn Ngành : PHƯƠNG VĂN CẢNH Chuyên ngành : CÔNG NGHỆ THÔNG TIN : HỆ THỐNG THƯƠNG MẠI Lớp ĐIỆN TỬ Khóa : D15HTTMĐT1 : 2020 Hà Nội, tháng 12 năm 2022 PHIẾU CHẤM ĐIỂM Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 STT Họ và tên Nội dung thực hiện Điểm Chữ sinh viên ký 1 Mai Hồng Quân 2 Lê Nguyên Tiến 3 4 5 Họ và tên giảng Chữ ký Ghi chú viên Giảng viên chấm 1: Giảng viên chấm 2: Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 MỤC LỤC LỜI MỞ ĐẦU Trang CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP DỰ ÁN 1 1.1 Khảo sát các hệ thốống tương tự 1 1.2 Đặt vấn đề 1 1.3 Các chức năng chính .1 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3 2.1.1 Biểu đồ use case hệ thống 3 2.1.2 Biểu đồ use case cho phần quản lý tài khoản .5 2.1.3 Biểu đồ use case thống kê 6 2.1.4 Biểu đồ quản lý hệ thống 7 2.1.5 Biểu đồ use case người dùng 8 2.1.6 Biểu đồ use case người quản lý 9 2.1.7 Chức năng giỏ hàng 10 2.1.8 Biểu đồ use case cho chức năng mua hàng 11 2.1.9 Đặc tả use case “tìm kiếm sản phẩm” của khách hàng 12 2.1.10 Đặc tả use case thếm vào giỏ hàng 13 2.1.11 Biểu đồ use case cho chức năng đăng nhập 14 2.2 Biểu đồ tuần tự 13 2.2.1 Biểu đồ tuần tự cho đăng nhập 15 2.2.2 Biểu đồ tuần tự đăng kí 16 2.2.3 Biểu đồ tuần tự cho tìm kiếm 17 2.2.4 Biểu đồ tuần tự cho giỏ hàng 18 2.3 Biểu đồ class hệ thống 19 CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 20 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 3.1 Giao diện trang chủ 20 3.2 Giao diện thanh toán 21 3.3 Giao diện sản phẩm 22 3.4 Giao diện liên hệ 22 3.5 Giao diện giỏ hàng .23 3.6 Giao diện đăng nhập 23 3.7 Trang tổng quan Admin 24 3.8 Trang loại sản phẩm 24 3.9 Trang sản phẩm 24 3.10 Trang chi tiết đặng hàng 24 KẾT LUẬN 26 TÀI LIỆU THAM KHẢO 27 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 DANH MỤC HÌNH ẢNH Hình 2.1.1 Biểu đồ use case hệ thống 3 Hình 2.1.2 Biểu đồ use case cho phần quản lý tài khoản 5 Hình 2.1.3 Biểu đồ use case thống kê 6 Hình 2.1.4 Biểu đồ quản lý hệ thống 7 Hình 2.1.5 Biểu đồ use case người dùng .8 Hình 2.1.6 Biểu đồ use case người quản lý 9 Hình 2.1.7 Chức năng giỏ hàng 10 Hình 2.1.8 Biểu đồ use case cho chức năng mua hàng .11 Hình 2.1.9 Đặc tả use case “tìm kiếm sản phẩm” của khách hàng 12 Hình 2.1.10 Đặc tả use case thếm vào giỏ hàng 13 Hình 2.1.11 Biểu đồ use case cho chức năng đăng nhập 14 Hình 2.1.1 Biểu đồ tuần tự cho đăng nhập 15 Hình 2.2.2 Biểu đồ tuần tự đăng kí 16 Hình 2.2.3 Biểu đồ tuần tự cho tìm kiếm 17 Hình 2.2.4 Biểu đồ tuần tự cho giỏ hàng 18 Hình 2.3 Biểu đồ class hệ thống 19 Hình 3.1 Giao diện trang chủ 20 Hình 3.2 Giao diện sản phẩm hot của trang chủ .20 Hình 3.3 Giao diện cuối trang chủ 21 Hình 3.4 Giao diện thanh toán 21 Hình 3.5 Giao diện sản phẩm 22 Hình 3.6 Giao diện liên hệ 22 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 Hình 3.7 Giao diện giỏ hàng .23 Hình 3.8 Giao diện đăng nhập 23 Hình 3.9 Trang tổng quan 24 Hình 3.10 Trang loại sản phẩm 24 Hình 3.11 Trang sản phẩm 25 Hình 3.12 Trang chi tiết đặng hàng 25 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 LỜI MỞ ĐẦU Ngày nay khi chất lượng cuộc sống của con người được nâng cao thì con người ngày càng đòi hỏi nhiều hơn về các nhu cầu khác cho bản thân một trong số đó là nhu cầu về công nghệ thiết bị hiện đại là phục vụ mọi mặt trong cuôc sống của con người Vì thế hiện nay đã có rất nhiều siêu thị phục vụ cho nhu cầu mọi người Nhưng việc gia tăng quá nhiều cửa hàng hay các chuỗi cửa hàng lớn phục vụ nhu cầu mua sắm như vậy mà như ta đã biết ngày nay công nghệ đang trở nên rất hiện đại vì thế mà có đa dạng mẫu mã hang hóa phục vụ nhiều nhu cầu, công việc khác nhau vì thế việc quản lý gặp rất nhiều khó khăn và những cách quản lý thủ công hiện đang không phải là giải pháp tối ưu nhất Với sự phát triển của công nghệ thông tin luôn cố gắng đáp ứng các yêu cầu của con người Việc đưa công nghệ thông tin áp dụng vào quản lý đã và đang được đưa vào thực hiện để thể hiện tốc độ và độ chính xác Với xây dựng : " Xây dựng web bán thực phẩm sạch " em muốn tạo ra một trang mua bán trực tuyến giúp các chủ của hàng có thể dễ dàng quản lý cửa hàng, chuỗi cửa hàng của mình một cách đơn giản, tối ưu và hiệu quả nhất Với các tính năng được xây dựng trên nhu cầu thực tế mà chủ cửa hàng đang cần để xử lý công việc của mình Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 CHƯƠNG 1: KHẢO SÁT V䄃 XÁC LẬP DỰ ÁN 1.1 Khảo sát các hệ thống tương tự Đề tài tập trung vào việc nghiên cứu các vấn đề liên quan như tìm hiểu web bán hàng, cách thức phân loại các loại thực phẩm, tìm hiểu yêu cầu của khách hàng về các loại thực phẩm 1.2 Đặt vấn đề Dân số nước ta hiện nay đạt mức hơn 90 triệu người Cùng với việc gia tăng dân số nhanh, thì nhu cầu về dịch vụ, mua bán cũng ngày một gia tăng Tuy nhiên,phương pháp bán hàng truyền thống đã không còn phù hợp với quy mô và tốc độ phát triển hiện nay.Vì vậy các cửa hàng siêu thị hay doanh nghiệp cần phải có và xây dựng web bán hàng nhằm phục vụ nhu cầu mua bán của mọi người bởi vì sự tiện lợi và dễ dàng quản lý của nó Trang web được xây dựng nhằm giảm tối đa chi phí hoạt động, nâng cao chất lượng của việc bán hàng cũng như quản lý việc nhập hàng và xuất hàng.Việc quản lý và lưu trữ thông tin không qua giấy tờ sổ thực phẩm sẽ làm giảm chi phí và công sức làm việc của các nhân viên, cũng như tránh được các sai sót trong quá trình làm việc 1.3 Các chức năng chính  Mua thực phẩm : Sau khi người dùng truy cập vài hệ thống họ có thể xem thông tin về các loại thực phẩm, thêm vào giỏ hàng những món mà họ thấy ưng ý, phù hợp với yêu cầu cầu của họ  Giỏ hàng: Khi người dùng hệ thống đã tìm được những thực phẩm phù hợp với nhu cầu của mình có thể cho vào giỏ hàng Giỏ hàng là nơi người dùng có thể xem lại các thực phẩm mà mình đã lựa chọn mà không phải mất công tìm kiếmlại Đông thời ở đây họ có thể đặt mua đồ ăn, thêm, sửa, xóa các thực phẩm trong giỏ hàng và biết được số tiền mà họ phải trả cho số thực phẩm đó 1 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726  Tìm kiếm: Chức năng này giúp người dùng có thể tìm kiếm thực phẩm nhanh chóng khi mà họ đã định hướng mình cần loại thực phẩm nào…  Đăng nhập, đăng kí: Hai chức năng này giúp người dùng có thể đặt mua được thực phẩm của hệ thống  Quản trị: Cập nhật, sửa, xóa, thêm, bổ sung các thông tin về thực phẩm Quản lý người dùng, quản lý việc bán thực phẩm, mua thực phẩm, giao hàng, liên hệ, tổng hợp ý kiến của khách hàng… 2 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 CHƯƠNG 2 : PHÂN TÍCH V䄃 THIẾT KẾ HỆ THỐNG 2.1 Biểu đồ Use-case hệ thống Hình 2.1.1: Biểu đồ use case của hệ thống Mô tả tóm tắt: Use case này được sử dụng khi người sử dụng muốn thay đổi mật khẩu,hay thêm người dùng Các dòng sự kiện: Dòng sự kiện chính: - Người dùng Chọn chức năng quản lý hệ thống trên trên Menu - Hệ thống hiển thị form và yêu cầu người dung chọn các chức năng muốn thực hiện (thay đổi mật khẩu,tạo tài khoản, phân quyền) - Người sử dụng nhập chọn chức năng muốn thực hiện và nhập đầy đủ thông tin - Hệ thống kiểm tra thông tin và xác nhận thông tin hợp lệ - Hệ thống sẽ thực hiện công việc vào lưu vào CSDL - Hệ thống thông báo thành công 3 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com) lOMoARcPSD|38590726 2.1.10 Đặc tả use case thêm vào giỏ hàng Hình 2.1.10 Đặc tả use case thêm vào giỏ hàng - Chức năng: Cho phép người quản trị thêm sản phẩm vào cửa hàng, làm cho cửa hàng thêm đa dạng - Mô tả: Khi sản phẩm được nhập vào cửa hàng người quản lý cần điền đầy đủ thông tin vào phiếu nhập để người quản trị dễ dàng quản lý sản phẩm 13 Downloaded by BINH NGUYEN (tailieuso.15@gmail.com)