Đồng thời, trang web sẽ cung cấp một kênh chính thức để người tiêudùng đưa ra ý kiến và đánh giá về các sản phẩm, từ đó tạo ra một cộng đồng mua sắmtrực tuyến tích cực.1.2.1 Các yêu cầu
PHÂN TÍCH
Giới thiệu NEST MART & GROCERY
NEST MART & GROCERY, đối tác của dự án, là một chuỗi cửa hàng bán thực phẩm đã khẳng định vị thế của mình trên khắp cả nước Việt Nam Với mô hình kinh doanh đa dạng, họ chuyên cung cấp các mặt hàng thực phẩm đa dạng như rau củ tươi sạch, trái cây tươi ngon và các sản phẩm thực phẩm đóng gói chất lượng Sự cam kết đối với chất lượng và an toàn của sản phẩm là điểm mạnh giúp NEST MART & GROCERY xây dựng lòng tin từ phía khách hàng, và đây là đối tác lý tưởng cho dự án thương mại điện tử này.
Hiện tại, NEST MART & GROCERY đang đối mặt với thách thức là thiếu một trang web giới thiệu chi tiết về các sản phẩm và cửa hàng của mình, điều này làm giảm khả năng tiếp cận của họ đến người tiêu dùng trực tuyến Thiếu một kênh này không chỉ làm giảm khả năng quảng bá và tiếp cận thị trường mà còn gây mất mát về cơ hội kinh doanh Điều này tạo nên một động lực mạnh mẽ cho dự án phần mềm - website thương mại điện tử mà nhóm sinh viên đang phát triển.
Yêu cầu của NEST MART & GROCERY
Để đáp ứng mong muốn của NEST MART & GROCERY, dự án phần mềm sẽ tập trung vào việc xây dựng một website chính thức Trang web này sẽ giúp cửa hàng giới thiệu một cách chi tiết và hấp dẫn về các sản phẩm đa dạng và chất lượng mà họ đang kinh doanh Đồng thời, trang web sẽ cung cấp một kênh chính thức để người tiêu dùng đưa ra ý kiến và đánh giá về các sản phẩm, từ đó tạo ra một cộng đồng mua sắm trực tuyến tích cực.
1.2.1 Các yêu cầu của cửa hàng cho người tiêu dùng
Cấu trúc chung của các trang trong website:
- Chứa danh mục danh mục sản phẩm để khách hàng dễ dàng tìm kiếm sản phẩm theo từng danh mục.
- Có logo, tên cửa hàng.
- Tìm kiếm sản phẩm theo tên.
- Tìm kiếm sản phẩm theo danh mục.
- Có giỏ hàng để khách hàng dễ kiểm tra giỏ hàng chính mình.
- Hiện thị các sản phẩm nổi bật.
- Đăng nhập và thông tin người tiêu dùng sẽ được lưu.
- Đăng xuất tài khoản (nếu đã đăng nhập).
- Có footer gồm các sản phẩm, chính sách cửa hàng, liên hệ cửa hàng, bản quyền cửa hàng.
- Có thanh nav menu (trang chủ, giới thiệu, sản phẩm, tin tức, liên hệ, tài khoản).
- Có liên kết đến các trang mạng xã hội.
- Banner trưng bày các sản phẩm đặc biệt của cửa hàng được nhân viên quản trị chỉ định.
- Các sản phẩm đặc biệt được trình bày theo cách theo cách sử dụng slideshow.
- Hiển thị các sản phẩm mới nhất, nổi bật, được xem nhiều nhất.
- Giới thiệu ngắn về thông tin cửa hàng ở footer.
- Có tin tức về cửa hàng được đăng bởi quản trị.
Trang trưng bày sản phẩm:
- Khi người dùng chọn danh mục hoặc tìm kiếm theo tên thì danh sách sản phẩm được hiện ra.
- Mỗi sản phẩm cần hiển thị hình ảnh, tên, đơn giá.
- Khi người dùng nhấp vào sản phẩm thì sẽ chuyển đến trang hiện thị chi tiết sản phẩm đồng thời tăng số lần xem.
- Có menu hiển thị lượt xem nhiều nhất các sản phẩm.
- Tên sản phẩm, danh mục của sản phẩm, lượt xem, giá, mô tả sản phẩm, số lượng.
- Có nút thêm vào giỏ hàng và mua ngay.
- Danh sách các sản phẩm cùng loại với sản phẩm được chọn.
- Có mô tả chi tiết và xem thêm sản phẩm.
- Cho phép khách hàng gửi bình luận về sản phẩm (chỉ được gửi khi đăng nhập tài khoản).
Trang quản lý tài khoản sử dụng:
- Cập nhật thông tin tài khoản.
Trang 3 THIẾT KẾ TRANG WEB
- Giới thiệu về NEST MART & GROCERY.
- Giới thiệu về đội ngũ nhân sự.
- Giới thiệu về các châm ngôn, tiêu chí làm việc.
- Quản lí các tin tức.
- Hiển thị các tin tức mới nhất cho người dùng.
- Địa chỉ cơ sở và các chi nhánh.
- Form thông tin liên hệ.
1.2.2 Các yêu cầu cho trang quản trị
- Thống kê sản phẩm theo danh mục (biểu đồ cột).
- Quản lý các bình luận.
Xem được các đơn hàng từ người dùng bao gồm:
- Xem được chi tiết các tài khoản bao gồm ảnh đại diện, trạng thái, vai trò, tên người dùng, mật khẩu.
- Xem được tất cả các tài khoản của người dùng.
- Thêm, sửa, xóa cứng, xóa mềm danh mục.
- Xem được các danh mục có sẵn.
- Xem theo trạng thái danh mục.
Quản lý bình luận về sản phẩm
- Ẩn, xóa, các bình luận.
- Xem được các bình luận từ khách hàng.
Trang quản lý sản phẩm :
- Xem được các sản phẩm có sẵn trong kho.
- Thêm, sửa, xóa, các sản phẩm.
- Xem theo số lượng sản phẩm.
Quản lý banner (hiển sản phẩm nổi bật) :
- Xóa cứng, xóa mềm banner
Gửi email cho khách hàng:
- Gửi thông báo về các cửa hàng về sự kiện.
- Tương tác của khách hàng về cửa hàng trên website.
1.2.3 Các yêu cầu bảo mật Để đảm bảo tính an toàn và chính xác của dữ liệu, tất cả các form nhập trong hệ thống được kiểm soát một cách hợp lý Các biện pháp an ninh và kiểm tra dữ liệu được tích hợp để ngăn chặn và xử lý thông tin không hợp lệ từ phía người dùng. Đối với khách hàng chưa đăng nhập, hệ thống đã được thiết lập sao cho họ không có quyền thực hiện các hành động như gửi bình luận về sản phẩm, đổi mật khẩu, cập nhật thông tin tài khoản, hay mua hàng Điều này giúp bảo vệ thông tin cá nhân của khách hàng và đảm bảo rằng chỉ người dùng được xác thực mới có quyền truy cập các chức năng quan trọng này. Đặc biệt, chỉ có các nhân viên quản trị mới được phép thực hiện các chức năng của admin Điều này đảm bảo rằng quyền lực và trách nhiệm cao nhất chỉ thuộc về những người được ủy quyền, giúp ngăn chặn sự truy cập trái phép và bảo vệ tính toàn vẹn của dữ liệu quan trọng trong hệ thống.
1.2.4 Các yêu cầu công nghệ
Website được xây dựng với PHP, MySQL, Figma, HTML& CSS, JS, Bootstrap5.
Vì đã được học qua các môn để thực hiện dự án như: HTML5, CSS3, JS, PHP, MySql, dự án mẫu và đã làm qua dự án, cũng như có các tài liệu trên Internet và các thành viên hỗ trợ nhau Các thành viên trong nhóm tích cực làm theo những gì được nhóm trưởng yêu cầu, hi vọng nhóm 2 sẽ thực hiện dự án một cách tốt nhất và nhanh nhất Hi vọng thầy cô có thể góp ý và chỉ dạy thêm.
Hình 1 1 Bảng phân công công việc
Use Case
Use case là sơ đồ mô tả các tình huống sử dụng của người dùng trong hệ thống. Theo yêu cầu của website chúng ta có thể phác thảo sơ đồ use case như sau:
Use case cho người dùng:
Hình 1 2 Sơ đồ usecase người dùng
Use case cho quản trị:
Hình 1 3 Sơ đồ usecase quản trị
Trang 7 THIẾT KẾ TRANG WEB
1.3.1.1 Chức năng dành cho khách hàng
Cấu trúc chung của các trang web:
- Xem các thông tin cửa hàng.
- Hiển thị danh mục, tìm kiếm theo tên và danh mục, giỏ hàng, các sản phẩm của cửa hàng được chỉ định và form đăng nhập cũng như đăng ký.
- Nếu người đăng nhập có vai trò là nhân viên thì hiển thị liên kết đến trang quản trị.
- Chứa danh mục danh mục sản phẩm để khách hàng dễ dàng tìm kiếm sản phẩm theo từng danh mục.
- Đều có menu, banner và footer.
- Có chuyển ngôn ngữ để người dùng có thể chuyển sang ngôn ngữ tiếng anh.
Tìm sản phẩm theo danh mục: Liệt kê các sản phẩm theo danh mục được chọn bởi khách hàng Thông tin mỗi sản phẩm gồm tên, ảnh và đơn giá Liên kết đến trang chi tiết sản phẩm.
Tìm hàng theo tên: Liệt kê các sản phẩm theo tên hàng hoặc tên danh mục theo yêu cầu tìm kiếm của khách hàng Thông tin mỗi sản phẩm gồm tên, ảnh và đơn giá. Liên kết đến trang chi tiết sản phẩm.
Xem thông tin chi tiết: Hiển thị thông tin chi tiết của sản phẩm được chọn bởi khách hàng và các sản phẩm cùng danh mục có gắn liên kết đến trang chi tiết sản phẩm để khách hàng có thể xem luôn mà không cần phải trở lại trang liệt kê sản phẩm.
Gửi bình luận: Gửi bình luận về sản phẩm đang xem, chức năng này chỉ được thực hiện sau khi khách hàng đã đăng nhập Các bình luận về sản phẩm cũng được liệt kê ra để khách hàng có thể xem, mua hàng - thêm vào giỏ hàng và tiến hành thanh toán sau khi đã đăng nhập.
Quản lý tài khoản: Đăng ký: Đăng ký thành viên mới với vai trò là khách hàng, tức không được phép sử dụng các chức năng trong phần quản trị. Đăng nhập: Đăng nhập để có thể thực hiện được các chức năng: gửi bình luận, đổi mật khẩu, cập nhật thông tin tài khoản, mua hàng, thêm sản phẩm vào giỏ,… Đăng xuất: Chọn chức năng này để trở thành người dùng nặc danh, tức không được phép gửi bình luận, đổi mật khẩu, cập nhật thông tin tài khoản, mua hàng, thêm sản phẩm vào giỏ,… Đổi mật khẩu: Thay đổi mật khẩu khi cần thiết để đảm bảo độ bảo mật của mình, mật khẩu được bảo mật để không ai được xem kể cả quản trị
Quên mật khẩu: Tìm lại mật khẩu dựa vào tên đăng nhập và email Sau khi xác minh đúng sẽ gửi mật khẩu qua email đã đăng ký trước đó để đảm bảo độ bảo mật.
Cập nhật thông tin tài khoản: Cập nhật lại thông tin tài khoản của mình (không cho phép cập nhật tên đăng nhập)
1.3.1.2 Chức năng dành cho quản trị
Quản lý tài khoản khách hàng:
- Sử dụng để quản lý thông tin khách hàng và người quản trị Yêu cầu của chức năng này là liệt kê danh sách khách hàng, xem thông tin chi tiết của mỗi khách hàng hoặc xóa khách hàng không cần thiết.
- Thông tin của mỗi tài khoản gồm: mã đăng nhập, họ và tên, ảnh đại diện, mật khẩu đăng nhập, vai trò của người dùng (quản trị hay khách hàng), trạng thái, email, số điện thoại.
- Chức năng quản lý danh mục, được sử dụng để quản lý thông tin danh mục. Yêu cầu của chức năng này là liệt kê danh sách danh mục, thêm danh mục, cập nhật hoặc xóa danh mục đã tồn tại.
- Thông tin của mỗi danh mục gồm: mã danh mục, tên danh mục, trạng thái.
- Chức năng quản lý sản phẩm, được sử dụng để quản lý thông tin chi tiết sản phẩm Yêu cầu của chức năng này là liệt kê chi tiết sản phẩm, thêm sản phẩm, cập nhật hoặc xóa sản phẩm đã tồn tại.
- Thông tin của mỗi danh mục gồm: mã sản phẩm, mã danh mục, tên sản phẩm, tên danh mục, giá, giảm giá, lượt xem, hình, ngày đăng, mô tả, đặc biệt, ngày thêm, trạng thái.
- Chức năng quản lý đơn hàng, được sử dụng để quản lý hóa đơn người dùng. Yêu cầu của chức năng này là xem, cập nhật trạng thái hóa đơn và xóa hóa đơn.
- Thông tin của mỗi danh mục gồm: mã đơn, mã người mua, tên người mua, mã đơn hàng, tổng giá trị, phương thức thanh toàn, tổng hóa đơn, trạng thái, email, địa chỉ, số điện thoại.
Quản lý tổng hợp – thống kê
- Chức năng tổng hợp – thống kê, được sử dụng để thống kê sản phẩm theo danh mục.
THIẾT KẾ
Mô hình triển khai
Website giới thiệu sản phẩm của NEST MART & GROCERY sau khi hoàn thành sẽ được triển khai theo mô hình như sơ đồ sau:
Hình 2 1 Sơ đồ Website giới thiệu sản phẩm của NEST MART & GROCERY Thuê host có hỗ trợ php và mysql và triển khai website FURNITURE lên đó. Nhân viên quản trị vào website để quản lý.
Người tiêu dùng sử dụng trình duyệt web để truy cập, tìm kiếm và gửi bình luận về sản phẩm
Thiết Kế CSDL
Dựa vào đặc tả thực thể và cụ thể làm việc với Pottery Ware, có thể thiết kế sơ đồ quan hệ và chi tiết các thực thể để từ có có đủ thông tin cài đặt CSDL lên MySQL.
2.2.1 Sơ đồ quan hệ thực thể.
Yêu cầu ràng buộc quan hệ:
Cascade: Khi thông tin của khách hàng thay đổi, những thay đổi này sẽ được tự động cập nhật đồng thời cho tất cả các bình luận liên quan của khách hàng đó.
Cascade: Khi một khách hàng bị xóa, tất cả các bình luận của khách hàng đó cũng sẽ bị xóa.
Cascade: cơ sở dữ liệu sẽ không thực hiện bất kỳ hành động xóa nào trên hàng chính khi có các hàng phụ được tham chiếu đến.
No action: cơ sở dữ liệu sẽ không thực hiện bất kỳ hành động xóa nào trên hàng chính khi có các hàng phụ được tham chiếu đến.
Cascade: Khi thông tin của sản phẩm thay đổi, tất cả các bình luận liên quan đến sản phẩm đó sẽ được cập nhật.
Cascade: Khi một sản phẩm bị xóa, tất cả các bình luận của sản phẩm đó cũng sẽ bị xóa.
Cascade: Nếu thông tin của sản phẩm trong giỏ hàng thay đổi, thì thông tin giỏ hàng cũng sẽ được cập nhật.
Cascade: Khi một sản phẩm trong giỏ hàng bị xóa, sản phẩm đó cũng sẽ bị xóa khỏi giỏ hàng
Cascade: Nếu thông tin về giỏ hàng thay đổi, đơn hàng tương ứng cũng sẽ được cập nhật.
Cascade: Khi một giỏ hàng bị xóa, đơn hàng tương ứng cũng sẽ bị xóa Đơn hàng – khách hàng
Cascade: Nếu thông tin đơn hàng thay đổi, thông tin khách hàng liên quan cũng sẽ được cập nhật
Set null: Khi một đơn hàng bị xóa, thông tin khách hàng có thể được đặt thành null (giá trị rỗng).
Sản phẩm - ảnh sản phẩm
Cascade: Nếu thông tin về sản phẩm thay đổi, tất cả các ảnh sản phẩm liên quan sẽ được cập nhật
Cascade: Khi một sản phẩm bị xóa, tất cả các ảnh sản phẩm của sản phẩm đó cũng sẽ bị xóa.
2.2.2 Thiết kế chi tiết các thực thể
Bảng 2 1 Bảng category lưu thông tin danh mục có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã loại hàng name VARCHAR(255) UNIQUE Tên loại hàng status TINYINT(2) DEFAULT 0
Trạng thái xóa loại hàng:
1 - Ẩn create_at TIMESTAMP NULL update_at TIMESTAMP NULL
Bảng 2 2 Bảng product lưu thông tin các các mặt sản phẩm có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã hàng hóa id_category INT(10) PK, NOT NULL, Tự tăng Mã loại hàng name VARCHAR(100) UNIQUE Tên hàng hóa price DOUBLE(10,2) NOT NULL Đơn giá view INT(10) DEFAULT 0 Lượt xem describe VARCHAR(255) NULL Mô tả hàng hóa status TINYINT(2) DEFAULT 0
Trạng thái xóa sản phẩm:
2 - Ẩn create_at TIMESTAMP NULL update_at TIMESTAMP NULL
Bảng 2 3 Bảng user lưu thông tin của khách hàng
Tên cột Kiểu Ràng buộc Ghi chú id INT(11) PK, NOT NULL,
AUTO_INCREMENT Mã khách hàng name VARCHAR(50) UNIQUE Tên đăng nhập pass VARCHAR(50) NOT NULL Mật khẩu email VARCHAR(255) NOT NULL Email address VARCHAR(255) NULL Địa chỉ phone VARCHAR(20) NULL Số điện thoại status TINYINT(2) DEFAULT 0
Trạng thái xóa tài khoản:
2 - Ẩn create_at TIMESTAMP NULL update_at TIMESTAMP NULL
Bảng 2 4 Bảng comment lưu thông tin các bình luận của khách hàng về các sản phẩm có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã bình luận id_pro INT(10) FK, NOT NULL Mã hàng hóa id_user INT(10) FK, NOT NULL Mã khách hàng content VARCHAR(255) NOT NULL Nội dung bình luận comment_date VARCHAR(50) NOT NULL Ngày bình luận create_at TIMESTAMP NULL update_at TIMESTAMP NULL
Bảng 2 5 Bảng cart dùng để lưu thông tin các giỏ hàng của khách hàng có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã giỏ hàng id_pro INT(10) FK, NOT NULL Mã hàng hóa
Id_user INT(10) FK, NOT NULL Mã khách hàng name VARCHAR(255) NOT NULL Tên hàng hóa price DOUBLE(10,2) NOT NULL Đơn giá img VARCHAR(255) NULL Hình ảnh quantily INT(5) NOT NULL Số lượng hàng total INT(10) NOT NULL Tổng tiền giỏ hàng create_at TIMESTAMP NULL update_at TIMESTAMP NULL
Bảng 2 6 Bảng bill lưu thông tin hóa đơn của người dùng có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã bài đăng id_user INT(10) FK, NOT NULL,
AUTO_INCREMENT Mã tài khoản name VARCHAR(255) NOT NULL Tên người dùng address VARCHAR(255) NOT NULL Địa chỉ phone VARCHAR(255) NOT NULL Số điện thoại email VARCHAR(100) NOT NULL Email
Payment_menthods TINYINT(4) NOT NULL Hình thức thanh toán:
1 – Thanh toán khi nhận hàng
2 – Thanh toán online total INT(10) NOT NULL Tổng tiền status TINYINT(4) DEFAULT 0
3 – Đã giao hàng update_at TIMESTAMP NULL create_at TIMESTAMP NULL
Bảng 2 7 Bảng banner lưu thông tin ảnh banner có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(11) PK, NOT NULL,
AUTO_INCREMENT Mã banner img VARCHAR(255) FK, NOT NULL Ảnh banner title VARCHAR(255) NOT NULL Nội dung chính subtile VARCHAR(255) NOT NULL Nội dung phụ status TINYINT(4) DEFAULT 0
2.2.2.8 Bill_detail (Lịch sử hóa đơn)
Bảng 2 8 Bảng bill_detail lưu thông tin giỏ hàng của khách hàng có cấu trúc như
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
Mã lịch sử đơn id_bill INT(10) FK, NOT NULL Mã hóa đơn id_pro INT(10) FK, NOT NULL Mã sản phẩm price INT(10) NOT NULL Giá sản phẩm quanity INT(5) NOT NULL Số lượng sản phẩm create_at TIMESTAMP NULL update_at TIMESTAMP NULL sau:
Bảng 2 9 Bảng payment lưu thông tin thanh toán của khách hàng có cấu trúc như
Tên cột Kiểu Ràng buộc Ghi chú id INT(11) PK, NOT NULL,
Mã thanh toán id_bill INT(10) FK, NOT NULL,
AUTO_INCREMENT Mã bill id_user int(10) FK, NOT NULL,
Mã khách hàng username VARCHAR(255) NOT NULL Tên khách hàng account_no VARCHAR(255) NOT NULL Số tài khoản credit_mount VARCHAR(255) NOT NULL Thẻ tín dụng ben_account_name VARCHAR(255) NOT NULL desription VARCHAR(255) NULL Ghi chú sentaction VARCHAR(10) NOT NULL status VARCHAR(10) NOT NULL Trạng thái thanh toán create_at TIMESTAMP NULL create_at TIMESTAMP NULL
Bảng 2 10 Bảng images lưu hình ảnh của sản phẩm có cấu trúc như sau:
Tên cột Kiểu Ràng buộc Ghi chú id INT(10) PK, NOT NULL,
AUTO_INCREMENT Mã hình ảnh id_pro INT(10) FK, NOT NULL Mã sản phẩm img VARCHAR(255) NOT NULL Hình ảnh
Thiết kế giao diện
Website NEST MART & GROCERY được chia làm 2 phần dành riêng cho
2 đối tượng khác nhau là khách hàng - người dùng và nhân viên quản trị.
Phần Site: Đây là phần dành cho khách hàng, nó chứa các trang web chức năng giúp người dùng tương tác như việc tìm kiếm, xem thông tin hàng hóa hay gửi bình luận và quản lý tài khoản của mình.
Phần Admin: Đây là nơi dành cho nhân viên quản trị bao gồm các việc quản lý trang web, thông kê dữ liệu.
Thêm: phần guess - dành cho người dùng chỉ vào xem trang web mà chưa đăng nhập
2.3.2 Thiết kế phần quản trị
Giao diện web rất đa dạng và phong phú về độ thẩm mỹ Bởi vậy phần này chỉ hướng dẫn về mặc logic, người thực hiện được phép sáng tạo theo ý riêng mình.
Một vài lưu ý cần phải tuân thủ làm ảnh hưởng xuyên sốt quá trình làm dự án đó là đặt tên cho các thành phần trên form Cần phải thực hiện đúng để sau này tích hợp mã php và mysql vào được thuận lợi.
Hình 2 5 Trang đăng nhập Admin
Trang quản lý loại hàng
Hình 2 10 Lịch sử xóa danh mục
Trang quản lý sản phẩm
Hình 2 14 Lịch sử xóa sản phẩm
Trang quản lí khách hàng
Trang quản lí bình luận
Trang quản lí đơn hàng
Hình 2 18 Trang quản lý đơn hàng
2.3.3 Thiết kế phần khách hàng
Hình 2 21 Giao diện trang chủ
Hình 2 22 Giao diện trang cửa hàng
Trang chi tiết sản phẩm
Hình 2 23 Giao diện trang chi tiết sản phẩm
Hình 2 24 Giao diện trang đăng nhập
Hình 2 25 Giao diện trang đăng ký
Hình 2 26 Giao diện trang tin tức
Hình 2 27 Giao diện trang giỏ hàng
Hình 2 28 Giao diện trang giới thiệu
Hình 2 29 Giao diện trang liên hệ
Hình 2 30 Giao diện trang Deals
Hình 2 31 Giao diện trang tìm kiếm
Hình 2 32 Giao diện trang lấy lại mật khẩu
Hình 2 33 Giao diện trang bài viết chi tiết
Hình 2 34 Giao diện trang chính sách bảo mật Điều khoản dịch vụ
Hình 2 35 Giao diện trang điều khoản dịch vụ
Hình 2 36 Giao diện trang thanh toán
Hình 2 37 Giao diện trang xuất hóa đơn
