File báo cáo Trang Web bán đồ ăn vặt HUTECH

file word gồm các mô hình usecase, class diagram, sequence diagram,ERD, mô tả chức năng, bài toán, giao diện,yêu cầu về bảo mât, gồm trang đăng nhập, trang dăng ký, trang giỏ hàng, trang tìm kiếm, trang sản phẩm ,

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM Khoa Công Nghệ Thông Tin WEB BÁN ĐỒ ĂN VẶT Mơn Học: Lập trình Web Ngành: Cơng Nghệ Thông tin Giảng viên hướng dẫn: THs ễ Sinh viên thực hiện: MSSV: Lớp:19D4 Lớp:19D4 ỗĐ Lớp 194 n Hữ Lớ TP.HỒ CHÍ MINH, 2022 LỜI MỞ ĐẦU: Ngày nay, CNTT có vai trị to lớn quan trọng nhiều lĩnh vực khoa học, kinh tế, giáo dục, xã hội… Việc ứng dụng công nghệ thông tin vào lĩnh vực làm giảm nhiều thời gian chi phí để quản lý vận hành cho doanh nghiệp, công ty, trường học sở hoạt động xã hội Khi internet chưa phổ biến, hoạt động mua bán diễn cửa hàng, khu chợ, siêu thị trung tâm thương mại, việc mua bán diễn chỗ trải nhiệm hàng hóa cách trực tiếp, mang lại cảm giác yên tâm tin cậy Nhưng phát triển xã hội công cụ số, việc mua bán ngày diễn vơ dễ dàng nhanh chóng Cùng với đời trang web thương mại điện tử, người mua hàng đâu, thoải mái lựa chọn theo sở thích mình, đặc biệt nhân viên văn phòng thời gian hạn hẹp bận rộn “Theo nghiên cứu Trung tâm kinh doanh toàn cầu Đại học Tufts (Mỹ), Việt Nam xếp hạng 48/60 quốc gia có tốc độ chuyển đổi kinh tế số hóa nhanh giới, đồng thời xếp hạng 22 tốc độ phát triển số hóa Điều chứng tỏ Việt Nam kinh tế số hóa lĩnh vực thương mại điện tử có triển vọng tiến xa Báo cáo Chỉ số Thương mại điện tử Việt Nam năm 2018 cho thấy, tốc độ tăng trưởng số lĩnh vực cụ thể ngoạn mục Đối với lĩnh vực bán lẻ trực tuyến, thông tin từ hàng nghìn website thương mại điện tử cho thấy, tỷ lệ tăng trưởng doanh thu năm 2017 tăng 35% Khảo sát gián tiếp qua số DN chuyển phát hàng đầu cho thấy, tốc độ tăng trưởng doanh thu từ dịch vụ chuyển phát từ 62% đến 200%.” Nhu cầu lớn vậy, số lượng trang mua bán điện tử chưa thể đáp ứng hết nhu cầu đời sống người Chúng ta có website mua máy tính, laptop, máy ảnh, quần áo, giày dép, phụ kiện… Nhưng lại thiếu đồ ăn vặt ưa chuộng sống hàng ngày Những ăn bình dân rẻ nhiều lứa tuổi đối tượng sử dụng: bác sĩ, nhân viên văn phòng, học sinh, giáo viên, hay chí ca sĩ, diễn viên, người mẫu ưa chuộng Tuy phổ biến chất lượng “những ăn bình dân” kém, Xã hội phát triển nhu cầu vệ sinh an tồn thực phẩm quan tâm, có số cửa hàng lớn kinh doanh loại mặt hàng này, ngon lại đảm bảo vệ sinh lại người biết đến Đề tài “Xây dựng website bán đồ ăn vặt” đời nhằm phục vụ cho việc tạo cho người dùng khách hàng dễ dàng mua ăn ưa thích mà khơng phải ngồi tìm kiếm lo ngại vấn đề vệ sinh an toàn thực phẩm Cũng tạo điều kiện để cửa hàng thơng qua kênh tiếp thị giới thiệu, quảng bá sản phẩm tới tay khách hàng Tạo thuận lợi cho việc tìm kiếm khách hàng thân quen khách hàng xa chưa sử dụng sản phẩm cửa hàng MỤC LỤC Khảo sát thực tế 1.1.1 Bài toán 1.1.2 Thực trạng 1.2 Các hướng giải toán 1.3 Mục tiêu hệ thống 1.4 Kết luận chương CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Các chức hệ thống 2.2 Các thuộc tính hệ thống 2.3 Xác định khái niệm 2.3 Xác định tác nhân, ca sử dụng mô tả ca sử dụng 10 2.3.1 Xác định tác nhân 10 2.4 Xác định ca sử dụng 12 2.4.1 Gói cập nhật khách hàng 12 2.4.2 Gói quản lí mặt hàng 12 2.4.3 Quản lí giỏ hàng 12 2.4.4 Quản lí đơn hàng 13 2.4.5 Quản lý nhập hàng 13 2.4.6 Quản lí quyền truy cập 13 2.4.7 Quản lý thành viên 13 2.5 Biểu đồ Use Case 14 2.5.1 Biểu đồ Use case tổng quan 14 2.5.2 Biểu đồ usecase cập nhật khách hàng 15 2.5.3 Biểu đồ Usecase quản lý hàng 15 2.5.4 Biểu đồ Usecase quản lý giỏ hàng 16 2.5.5 Biểu đồ Usecase quản lý đơn hàng 16 2.5.6 Biểu đồ Usecase quản lý nhập hàng 17 2.5.7 Biểu đồ Usecase quản lý phân quyền 17 2.5.8 Biểu đồ Usecase Quản lý quyền thành viên 18 2.6 Mô tả ca sử dụng 18 2.6.1 UC1: Đăng kí 18 2.6.2 UC2: Sửa khách hàng 19 2.6.3 UC3: Xóa khách hàng 20 2.6.4 UC4: Tìm kiếm khách hàng 20 2.6.5 UC5: Phân nhóm mặt hàng 21 2.6.6 UC6: thêm mặt hàng 22 2.6.7 UC7: Sửa mặt hàng 22 2.6.8 UC8: Xóa mặt hàng 23 2.6.9 UC 9: Tìm kiếm mặt hàng 24 2.6.10 UC10: Thêm hàng vào giỏ hàng 24 2.6.11 UC11: Xóa hàng khỏi giỏ 25 2.6.12 UC12: Xem thông tin giỏ hàng 25 2.6.13 UC14: hủy đơn hàng 26 2.6.14 UC16: Xem sản phẩm hết hàng 27 2.7 Biểu đồ chức 28 2.7.1 Biểu đồ chức tìm kiếm sản phẩm 28 2.7.2 Biểu đồ chức đăng kí người dùng 29 2.7.3 Biểu đồ chức đăng nhập 29 2.7.4 Biểu đồ chức thêm sản phẩm 30 2.8.5 Biểu đồ chức sửa sản phẩm 30 2.8.6 Biểu đồ chức xóa sản phẩm 31 2.8.7 Biểu đồ chức mua hàng 31 2.8.8 Biểu đồ chức duyệt đơn hàng 32 2.9 Biểu đồ hoạt động 33 2.9.1 Biểu đồ hoạt động chức đăng nhập 33 2.9.2 Biểu đồ hoạt động chức đăng kí 34 2.9.3 Biểu đồ hoạt động chức đăng xuất 35 2.9.4 Biểu đồ hoạt động chức mua hàng 36 2.9.6 Biểu đồ hoạt động xóa sản phẩm 38 2.9.7 Biểu đồ hoạt động xem thông tin sản phẩm 39 2.9.8 Biểu đồ hoạt động tìm kiếm sản phẩm 40 2.9.9 Biểu đồ hoạt động kiểm tra đơn hàng 41 2.10 Biểu đồ cộng tác 42 2.10.1 Biểu đồ cộng tác chức đăng nhập 42 2.10.2 Biểu đồ cộng tác chức đăng kí 42 2.10.3 Biểu đồ cộng tác chức thêm sản phẩm 43 2.10.4 Biểu đồ cộng tác chức tìm kiếm 43 2.10.5 Biểu đồ cộng tác chức sửa mặt hàng 44 2.11 Sơ đồ lớp 45 2.12 Cách tổ chức liệu thiết kế chương trình 47 2.12.1 Bảng “SanPham” 47 2.12.2 Bảng “KhachHang” 48 2.12.3 Bảng “NhaCungCap” 49 2.12.4 Bảng “NhaSanXuat” 49 2.12.5 Bảng “LoaiSanPham” 50 2.12.6 Bảng “LoaiThanhVien” 50 2.12.7 Bảng “LoaiThanhVien_Quyen” 51 2.12.8 Bảng “ChiTietDonDatHang” 51 2.12.9 Bảng “ChiTietPhieuNhap” 52 2.12.10 Bảng “PhieuNhap” 52 2.12.11 Bảng “DonDatHang” 53 2.12.12 Bảng “Quyen” 53 2.12.13 Bảng “ThanhVien” 54 2.13 Mơ hình hóa sở liệu 55 2.14 Yêu cầu bảo mật 56 2.15 Kết luận chương 56 CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH 57 3.1 Xây dựng chương trình 57 3.2 Các chức chương trình 59 3.3 Giao diện website 61 3.3.1 Giao diện trang chủ 61 3.3.2 Giao diện trang đăng kí 62 3.3.3 Giao diện trang quản lý sản phẩm 62 3.3.4 Giao diện trang giỏ hàng 63 3.3.5 Giao diện chi tiết sản phẩm 63 3.3.6 Giao diện trang tìm kiếm 64 3.4 Kết thực nghiệm 64 3.5 Kết luận chương 65 CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI VÀ KHẢO SÁT THỰC TẾ 1.1 Khảo sát thực tế 1.1.1 Bài toán Thương mại điện tử xu hướng tất yếu xã hội, nhu cầu mua sắm ngày nhiều, thời gian eo hẹp công việc hoạt động sinh hoạt hàng ngày chi phối mà thời gian mua sắm ngày Công việc bề bộn nên người chăm lo tồn vẹn cho sống Nắm bắt xu nên thị trường thương mại điện tử ngày hoàn thiện đa dạng Tuy nhiên, trang mua sắm chủ yếu tập trung vào loại hàng hóa may mặc, thời trang đồ dùng hàng ngày Các loại thực phẩm, đồ ăn hạn chế đa dạng, đặc biệt đồ ăn vặt vốn ưa chuộng đông đảo người dùng học sinh, sinh viên, giáo viên, nhân viên văn phòng… Do hạn chế thời gian lại công việc Ngoài vấn đề an toàn thực phẩm nên việc lựa chọn “những ăn đường phố” khiến người cảm thấy e ngại sử dụng 1.1.2 Thực trạng 1.1.2.1 Nhu cầu mua đồ ăn vặt lớn Xuất từ lâu đời, đồ ăn vặt ln tồn sống Khi cịn nhỏ ta thấy sạp hàng chợ, đồ ăn giản dị lại chứa đựng bao kỉ niệm tuổi thơ đó, từ bánh khoai, bánh ngơ gói xơi nho nhỏ ba mẹ mua Hay cóc, xồi, ổi cổng trường nơi ta học Hay riếng rao bà bán bánh khúc, quánh giò buổi sáng khắp phố ngõ nhỏ lịng thủ Ai muốn thưởng thức dù lần để nhớ lại kỉ niệm, hương vị quen thuộc, nếm để biết lạ ấy, đơi bữa sáng, bữa chiều, ăn nhẹ giải lao hay lấp đầy bụng đói tan tầm Có thể dễ dàng nhận thấy trường học, quan hay xí nghiệp người muốn lúc rảnh rỗi hay làm việc mệt mỏi có ăn MaSP Int Yes phiếu Mã nhập DonGiaNhap Decimal(18,0) SoLuongNhap Int Yes Đơn giá nhập Yes Số nhập lượng 2.11.2 Bảng “PhieuNhap” Bảng 2.11: Bảng phiếu nhập Tên thuộc tính Kiểu liệu Null MaPN No Int Chú thích Khóa phiếu Khóa Mã nhập MaNCC Int Yes Mã nhà cung cấp NgayNhap Datetime Yes Ngày nhập DaXoa Bit Yes Đã xóa 2.11.1 Bảng “DonDatHang” Bảng 2.12: Bảng đơn đặt hàng Tên thuộc tính Kiểu liệu Null Chú thích Khóa MaDDH Int No Mã đơn đặt hàng Khóa NgayDat Datetime Yes Ngày đặt TinhTrangGiaoHang Bit Yes Tình trạng giao hàng NgayGiao Datetime Yes Ngày giao DaThanhToan Bit Yes Đã toán MaKH Int Yes Mã khách hàng UuDai Int Yes Ưu đãi DaHuy Bit Yes Đã hủy DaXoa Bit Yes Đã xóa 2.11.2 Bảng “Quyen” Bảng 2.13: Bảng quyền Tên thuộc tính Kiểu liệu Null Chú thích Khóa MaQuyen Nvarchar(50) No Mã quyền Khóa TenQuyen Nvarchar(50) Yes Tên quyền 2.11.1 Bảng “ThanhVien” Bảng 2.14: Bảng thành viên Tên thuộc tính Kiểu liệu Null MaThanhVien Int No Chú thích Mã viên Khóa thành Khóa TaiKhoan Nvarchar(100) Yes Tài khoản MatKhau Nvarchar(100) Yes Mật HoTen Nvarchar(100) Yes Họ tên DiaChi Nvarchar(255) Yes Địa Email Nvarchar(255) Yes Email SoDienThoai varchar(12) Yes Số điện thoại CauHoi Nvarchar(MAX) Yes Câu hỏi CauTraLoi Nvarchar(MAX) Yes Câu trả lời MaLoaiTV Int Yes Mã loại thành viên 2.11 Mơ hình hóa sở liệu Hình 2.33 Mơ hình hóa sở liệu 2.11 Yêu cầu bảo mật Có tính bảo mật cao, đảm bảo khơng có username, password cho phép hoạt động Admin khơng có User thay đổi thơng tin sản phẩm tồn Website ngồi việc thay đổi thơng tin cá nhân User việc quản lý liệu mật đăng nhập: + Tên đăng nhập + Mật đăng nhập Các thông tin khách hàng bảo mật Hệ thống quản trị tuyệt đối an tồn, khơng thể bị truy cập lỗi hệ thống Như vậy, từ biểu đồ Use Case biểu đồ hoạt động hệ thống thể chức tác nhân hệ thống làm việc nào, xuất phát từ hệ thống yêu cầu hệ thống, yêu cầu khách hàng, nên xây dựng cho trang Website có đầy đủ chức người quản trị người dùng phải đảm bảo có tính bảo mật cao 2.12 Kết luận chương Trong chương em sâu vào phân tích chức hệ thống đưa phân tích thiết kế hệ thống hình ảnh theo phương pháp phân tích thiết kế hướng đối tượng Thông qua biểu đồ: biểu đồ UseCase, Biểu đồ chức năng, biểu đồ hoạt động, biểu đồ cộng tác, bảng sở liệu Từ khái quát chức có hệ thống nói đến như: chức quản lý đơn hàng, quản lý sản phẩm, danh mục nhà cung cấp, phân chia theo thuộc tính sản phẩm, tìm kiếm chức năng, quản lý giỏ hàng, đăng nhập, đăng kí, quản lý hóa đơn theo giai đoạn triển khai sản phẩm CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH 3.1 Xây dựng chương trình Môi trường cài đặt Website viết ngôn ngữ Asp.Net MVC, tảng lâu đời phát triển qua nhiều giai đoạn nên ưu điểm ngôn ngữ lập trình lớn, thư viện hỗ trợ đa dạng, chạy nhiều loại trình duyệt Thơng tin cấu hình máy sử dụng việc xây dựng cài đặt chương trình: CPU: I5 4200 2.3Hz Ram 4Gb SSD: 120Gb Graphic: AMD Radeon 8600m 4Gb ASP.NET MVC framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET Nếu bạn muốn hiểu ASP.NET MVC làm việc nào, bạn cần phải có hiểu biết rõ ràng mơ hình MVC MVC cụm từ viết tắt Model-View-Controller, phân chia pattern ứng dụng thành phần - model, controller view Model giúp lưu trữ liệu ứng dụng trạng thái Nó sở liệu tập tin XML View coi giao diện người dùng sử dụng khách truy cập trang web bạn để nhìn thấy liệu Các trang ASPX thường sử dụng để hiển thị view ứng dụng ASP.NET MVC Controller chịu trách nhiệm xử lý tương tác người dùng với trang web Nó sử dụng để xác định loại view cần phải hiển thị Controller sử dụng cho mục đích giao tiếp với model Framework nhẹ cung cấp khả kiểm thử, tích hợp với tính có ASP.NET xác thực (authentication) dựa membership master page.[2] Bạn nên sử dụng ASP.NET MVC framework cho việc tạo ứng dụng web lý liệt kê sau đây: SoC Một lợi ích đưa ASP.NET MVC Separation of Concern (phân tách mối bận tâm) Framework cung cấp phân tách rõ gàng model, logic nghiệp vụ, giao diện người dùng liệu Control Khi bạn sử dụng framework ASP.NET MVC, bạn cung cấp control mạnh mẽ JavaScript, HTML CSS so với control cung cấp số hình thức truyền thống web Có khả kiểm thử Framework ASP.NET MVC hỗ trợ việc kiểm thử ứng dụng web tốt Vì vậy, bạn muốn kiểm thử ứng dụng web trước đưa chúng cho người sử dụng, bạn cần sử dụng ASP.NET MVC Gọn nhẹ Framework không sử dụng View State, hỗ trợ bạn việc làm giảm băng thông request nhiều Nhiều chuyên gia khuyên bạn nên sử dụng framework bạn quan tâm đến việc tạo ứng dụng MVC tuyệt vời hữu ích dựa web View Size Control Các framework ASP.NET thường phải đối mặt với vấn đề view state kích thước control HTML Phần view lưu toàn liệu rendered kích thước tập tin HTML trở nên lớn Nếu bạn sử dụng đường kết nối internet chậm, bạn quan sát thấy độ trễ việc tải trang web ứng dụng Vấn đề khơng cịn tồn framework ASP.NET MVC khơng chứa khái niệm view Bằng cách sử dụng ASP.NET MVC, bạn khơng phải đối mặt với vấn đề thời gian tải trang Tích hợp Khi bạn tích hợp MVC với jQuery, bạn viết code chạy trình duyệt web Điều giúp giảm tải cho web server bạn Khả sử dụng Bạn khơng cần phải có nhiều kiến thức kỹ thuật sử dụng framework ASP.NET MVC Tuy nhiên, bạn thích sau học cách làm cho hoạt động Framework tốt nhiều so với nhiều hình thức trang web khác Lý hoạt động gần với chiến lược làm việc web coi dễ dàng thú vị để sử dụng API Services Một lợi lớn khác việc rendered MVC giúp bổ sung thêm API web services Nếu bạn muốn thêm service tới ứng dụng web mình, bạn chắn cần phải tìm hiểu làm service hoạt động.[3] 3.2 Các chức chương trình Layout sử dụng chung cho Admin: Trong chương trình em sử dụng layout bootstrap miễn phí website: https://startbootstrap.com/ Với giao diện trực quan, dễ hiểu, ngắn gọn cung cấp giao diện tùy biến cao cho người sử dụng, đặc biệt người quản trị website, giao diện cung cấp template có sẵn viết ngôn ngữ html kết hợp với CSS tạo giao diện đơn giản, dễ nắm bắt ổn định Website cung cấp chức cho người quản trị người dùng, cụ thể quản lý bán hàng với mặt hàng đồ ăn vặt Người sử dụng là: Admin( người điều hành website), khách hàng (những người có tài khoản trang web), khách hàng vãng lai (những khách hàng chưa có tài khoản) Các chức kể đến như: Quản lý sản phẩm Quản lý danh mục sản phẩm Quản lý giỏ hàng Quản lý đơn hàng Quản lý khách hàng Quản lý thống kê, báo cáo Quản lý nhà cung cấp Tìm kiếm Gửi Email Đánh giá ăn 3.3 Giao diện website 3.3.1 Giao diện trang chủ Hình 3.1: Giao diện trang chủ 3.1.2 Giao diện trang đăng kí Hình 3.2: giao diện trang đăng kí 3.1.3 Giao diện trang quản lý sản phẩm Hình 3.3: Giao diện trang quản lý sản phẩm 3.1.4 Giao diện trang giỏ hàng Hình 3.4: Giao diện trang giỏ hàng 3.1.5 Giao diện đăng nhập Hình 3.5: Giao diện trang đăng nhập 3.1.6 Giao diện đăng xuất Hình 3.6: Giao diện trang đăng xuất 3.1.7 Giao diện danh sách khách hàng đăng kí Hình 3.7: Giao diện trang khách hàng đăng kí 3.1.8 Giao diện sản phẩm Hình 3.8: Giao diện sản phẩm 3.4 Kết thực nghiệm Chương trình hoạt động với đầy đủ chức kể trên, giao diện website dễ nhìn, đơn giản, có đầy đủ thơng tin mặt hàng Các chức người quản trị hoạt động tốt, xử lý hiệu quy trình quản lý Đối với người sử dụng, thông tin cụ thể, trực quan hình ảnh đem đến cho người dùng nhìn khách quan sản phẩm thông qua đánh giá từ người dùng khác, chức quản lý đơn hàng với cấp dễ sử dụng giúp người dùng nắm tình trang đơn hàng giá đơn hàng qua hóa đơn Chương trình hoạt đọng đơi bị giật, lag, xử lý liệu chậm chưa tối ưu hóa sở liệu 3.5 Kết luận chương Trong phần em nói mơi trường cài đặt chương trình chức hệ thống, chức xử lý môi người windows sử dụng ngơn ngữ lập trình Asp.Net theo mơ hình MVC hệ quản trị sở liệu Microsoft SQL Server ... thực trạng việc kinh doanh đồ ăn vặt nay, vấn đề nói tới nhu cầu mua bán đồ ăn vặt lớn, việc mua đồ ăn vặt trở nên khó khăn thời gian eo hẹp người làm, chất lượng đồ ăn vặt chưa đảm bảo, thiếu an... khiếu nại với người bán hàng Vậy nên áp dụng ưu nhược điểm trang thương mại điện tử nay, với thị trường đồ ăn vặt sơ khai, chưa khai thác nhiều nên em cho đời trang web bán đồ ăn vặt 1.2 Các hướng... từ đồ ăn vặt Gần phương tiện thông tin đại chúng đề cập nhiều tới thực phẩm bẩn thực phẩm không rõ nguồn gốc Đồ ăn vặt hay đồ ăn vỉa hè có nhiều trường hợp đáng tiếc xảy cho người mua Vậy nên đồ