Thiết kế website cửa hàng tiện lợi GROCERY SHOPPY: Trải nghiệm mua sắm dễ dàng và thuận tiện

MỤC LỤC

Giới thiệu sản phẩm

- Web cửa hàng tiện lợi GROCERY SHOPPY là một nền tảng dễ sử dụng và thuận tiện với người dùng, cung cấp trải nghiệm mua sắm tốt cho người sử dụng. Thiết kế giao diện người dùng thân thiện, dễ sử dụng và hấp dẫn với người dùng. Đảm bảo tương thích trên các thiết bị và màn hình khác nhau, bao gồm cả máy tính, điện thoại di động và máy tính bảng.

Cung cấp chức năng tìm kiếm sản phẩm linh hoạt và hiệu quả, bao gồm tìm kiếm theo tên sản phẩm, thương hiệu, loại găng tay, kích cỡ, màu sắc và giá cả. Cho phép người dùng thêm sản phẩm vào giỏ hàng và quản lý giỏ hàng của mình. Hỗ trợ quản lý đơn hàng từ khi đặt hàng cho đến khi giao hàng và thanh toán hoàn tất.

Cung cấp cập nhật trạng thái đơn hàng cho người dùng và quản trị viên. Đảm bảo bảo mật thông tin cá nhân của người dùng và dữ liệu thanh toán. Sử dụng các biện pháp bảo mật như mã hóa dữ liệu và xác thực hai yếu tố.

Đảm bảo trang web hoạt động mượt mà và nhanh chóng trên các thiết bị và mạng kết nối khác nhau. Xây dựng trang web có thể dễ dàng mở rộng và tích hợp với các tính năng và dịch vụ mới.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Biểu đồ use case tổng quan của hệ thống

Mô tả Usecase cho phép khách hàng đăng nhập vào hệ thống để có thể thêm giỏ hàng, đặt hàng; quản trị viên có thể quản lý hệ thống cửa hàng của mình. Người dùng chọn chức năng đăng nhập từ hệ thống Tiền điều kiện Người dùng đã đăng ký tài khoản. Người dùng chọn chức năng đăng ký từ hệ thống Tiền điều kiện Người dùng chưa có tài khoản trên hệ thống Hậu điều kiện Đăng ký thành công.

Mô tả Usecase cho phép khách hàng thêm sản phẩm vào giỏ hàng Actor Khách hàng, quản trị viên. Tiền điều kiện Người dùng chọn bất kì một sản phẩm xong bấm thêm vào giỏ hàng. Tiền điều kiện Người dùng sau khi thêm giỏ hàng và bấm nút đặt hàng Hậu điều kiện Đặt hàng thành công.

Tiền điều kiện Người dùng sau khi đăng nhập thành công vào hệ thống và ở. Hậu điều kiện Hệ thống cập nhật danh sách danh mục sản phẩm Bảng 5: Đặc tả use case quản lý danh mục. Hậu điều kiện Hệ thống cập nhật danh sách sản phẩm Bảng 6: Đặc tả use case quản lý sản phẩm.

Hậu điều kiện Hệ thống cập nhật danh sách đơn hàng Bảng 7: Đặc tả use case quản lý đơn hàng. Yêu cầu bảo mật cho trang Web cửa hàng tiện lợi GROCERY SHOPPY rất quan trọng để đảm bảo an toàn cho thông tin cá nhân của người dùng và dữ liệu thanh toán. - Mã hóa dữ liệu: Sử dụng kỹ thuật mã hóa dữ liệu để bảo vệ thông tin cá nhân của người dùng và dữ liệu thanh toán khi chúng được truyền qua mạng.

- Xác thực người dùng: Cung cấp chức năng đăng nhập an toàn bằng cách sử dụng mã xác thực hai yếu tố hoặc công nghệ xác thực đa yếu tố để ngăn chặn truy cập trái phép. - Quản lý phiên làm việc (Session Management): Đảm bảo việc quản lý phiên làm việc được thực hiện một cách an toàn để ngăn chặn các cuộc tấn công như session hijacking và session fixation. - Bảo vệ cơ sở dữ liệu: Sử dụng các biện pháp bảo mật cơ sở dữ liệu như mã hóa dữ liệu, kiểm soát truy cập và kiểm tra dữ liệu để bảo vệ thông tin trong cơ sở dữ liệu.

- Bảo mật thanh toán: Sử dụng các cổng thanh toán có uy tín và bảo mật để xử lý thông tin thanh toán của người dùng, bao gồm SSL/TLS để mã hóa dữ liệu giao tiếp. - Bảo mật hệ thống: Cập nhật và bảo trì hệ thống và các thành phần phần mềm để bảo vệ chống lại các lỗ hổng bảo mật mới phát hiện.

CÔNG NGHỆ SỬ DỤNG

JavaScript là một ngôn ngữ lập trình kịch bản phổ biến được sử dụng phổ biến trong phát triển web. JavaScript thường được sử dụng để tạo ra các tính năng tương tác và động trên các trang web, giúp cải thiện trải nghiệm người dùng và làm cho trang web trở nên linh hoạt và đa dạng hơn. JavaScript là một phần quan trọng của công nghệ web front-end, làm cho trang web có thể phản hồi và phản ứng với hành vi của người dùng mà không cần tải lại trang.

Điều này bao gồm các tính năng như kiểm tra dữ liệu nhập từ người dùng, thay đổi nội dung của trang mà không cần tải lại, và tương tác với các thành phần giao diện như các nút, biểu mẫu và hộp thoại. Ngoài ra, JavaScript cũng có thể được sử dụng để thực hiện các nhiệm vụ phức tạp hơn như xử lý dữ liệu động từ máy chủ, tạo và quản lý các yêu cầu HTTP, và thậm chí làm việc với các API từ các dịch vụ web khác nhau. Bootstrap là một framework CSS và JavaScript mã nguồn mở phổ biến được phát triển bởi Twitter.

Nó cung cấp một bộ công cụ linh hoạt để phát triển giao diện người dùng đáp ứng và hấp dẫn trên web nhanh chóng và dễ dàng. Bootstrap được thiết kế để giúp tăng tốc quá trình phát triển web bằng cách cung cấp các thành phần giao diện sẵn có, lưới (grid) linh hoạt và các tính năng tương tác. MySQL là một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS - Relational Database Management System) mã nguồn mở phổ biến, được sử dụng rộng rãi trong phát triển ứng dụng web và các dự án phần mềm khác.

MySQL cung cấp một hệ thống quản lý cơ sở dữ liệu mạnh mẽ và linh hoạt, cho phép lưu trữ và quản lý dữ liệu theo mô hình quan hệ. PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình phía máy chủ (server- side scripting language) được sử dụng phổ biến trong phát triển web. PHP thường được sử dụng để tạo các trang web động và tương tác, nơi mà nội dung của trang web có thể được tạo ra và thay đổi dựa trên hành vi của người dùng hoặc dữ liệu từ các nguồn khác nhau như cơ sở dữ liệu.

PHP được tích hợp trực tiếp vào mã nguồn HTML của trang web, cho phép các nhà phát triển kết hợp mã PHP với HTML một cách linh hoạt để tạo ra các trang web động. Giao diện đăng nhập quản trị: quản trị viên đăng nhập tài khoản (tài khoản và mật khẩu) của mình để truy cập hệ thống quản lý. Khách hàng chọn chức năng thêm giỏ hàng để thêm sản phẩm vào giỏ hàng, sau khi thêm sản phẩm vào giỏ hàng hệ thống sẽ dẫn bạn đến phần giỏ hàng.

Ở giao diện giỏ hàng khách hàng có thể chọn tiến hành đặt hàng sửa số lượng hoặc xóa đơn hàng trong giỏ hàng + -. Khách hàng sẽ chờ admin shop duyệt đơn hàng,khách hàng có thể xem chi tiết đơn hàng và hủy đơn hàng.