3. THIẾT KẾ GIAO DIỆN
3.1 BẢN ĐỒ WEBSITE
3.2.6 Trang tích lũy điểm thưởng
- Mơ tả: Gồm nội dung về các hình thức và cách có thể tích lũy điểm thưởng để
3.2.7 Thơng tin bổ ích
3.2.8 Chính sách bảo mật thơng tin
Mơ tả: Nội dung văn bản về các hình thức bảo mật thơng tin của khách hàng
3.2.9 Chính sách bảo mật thanh tốn
Mô tả: Nội dung văn bản về các hình thức bảo mật thanh tốn của khách hàng
3.3 Chính sách thanh tốn
Mơ tả: Nội dung văn bản về các hình thức chuyển khoản khi thanh tốn của
3.3.1 Chính sách giao hàng
3.3.2 Chính sách đổi trả
Mơ tả: Nội dung về các chính sách đổi trả khi mua hàng và các hướng dẫn
phương thức đổi trả hàng.
Thanh sidebar gồm: Banner khuyến mãi, các bài viết nổi bật, và các sản phẩm mới nhất.
Đăng ký Mô tả
Tên đăng nhập Nhập tên của khách hàng muốn tạo tài khoản đăng ký Họ và tên Nhập họ và tên của khách hàng muốn tạo tài khoản Địa chỉ email Nhập địa chỉ email của khách hàng
Số điện thoại Nhập số điện thoại của khách hàng
Mật khẩu Nhập mật khẩu của khách hàng, yêu cầu mật khẩu mạnh Nhập lại mật
khẩu
Nhập lại mật khẩu để xác nhận mật khẩu của khách hàng khi đã tạo tài khoản.
Đăng ký Hồn thành các trường thơng tin sau đó bấm đăng ký, sẽ xác nhận thành công và tự động đăng nhập vào chế độ thành viên khách hàng đăng ký
Đăng nhập Mô tả
Tên đăng nhập hoặc địa chỉ email
Nhập tên tài khoản hoặc địa chỉ email của khách hàng Mật khẩu Nhập mật khẩu của khách hàng
Đăng nhập Sau khi hoàn thành tiến thành đăng nhập chuyển hướng tới chế độ thành viên khách hàng
Quên mật
khẩu Khi khách hàng quên mật khẩu có thể nhấn vào đây để nhận lại mật khẩu mới từ tài khoản email đăng ký
- Trang tài khoản sau khi đăng nhập:
Điều khiển Mơ tả
Avatar Ảnh đại diện của người dùng Ảnh bìa Ảnh bìa của người dùng
Account Thơng tin tài khoản của người đăng ký đã sử dụng mua hàng Posts Các thơng tin bài viết bạn đã góp ý
Comments Các bình luận từ sản phẩm bạn đã bình luận tại trang website Bánh răng Chỉnh sửa thơng tin hoặc hình ảnh trên trang cá nhân
3.3.4 Giỏ hàng
Điều khiển Mô tả
Tiếp tục xem sản phẩm
Quay lại trang sản phẩm
Số lượng Điều chỉnh nếu bạn muốn thêm số lượng sản phẩm Cập nhật giỏ
hàng
Cập nhật lại sản phẩm và giá khi bạn đã thêm hoặc bớt sản phẩm
Tiến hành
thanh toán Xác nhận đơn hàng chuyển qua thanh tốn
3.3.5 Thanh tốn
Điều khiển Mơ tả
Form Form thanh tốn
Mơ tả hoạt động các nút chức năng trong trang thanh toán Điều kiện Hoạt động
form Nhập họ và tên
Email Nhập mail
Kiểm tra tính hợp lệ của email đã nhập Điện thoại Nhập số điện thoại
Kiểm tra tính hợp lệ của số điện thoại liên lạc Tỉnh/thành
phố
Nhập tỉnh thành phố khách hàng thanh toán Gợi ý các trường Tỉnh/Thành phố
Quận/Huyện Nhập Quận/Huyện khách hàng thanh toán Gợi ý các trường Quận/Huyện
Xã/Phường Nhập Xã/Phường khách hàng thanh toán Gợi ý các trường Xã/Phường
Địa/chỉ Nhập Địa/chỉ khách hàng thanh toán Gợi ý các trường Địa/chỉ
Mục ghi chú
đơn hàng gồm nội dung khách hàng muốn gửi đến shop về đơn hàng
- Hình thức giao hàng gồm thơng tin số tiền và các mục chọn hình thức thanh tốn - Các điều khoản điều kiện
Mơ tả : liên kết đến trang chính sách khách hàng, khách hàng sẽ chọn vào đây - Thanh toán
Mơ tả: khi chọn vào sẽ thanh tốn đơn hàng
3.3.6 Footer:
Điều khiển Mô tả
Text Align left: Thơng tin liên hệ và tích hợp mạng xã hội
Embed Center: gồm phần nhúng địa chỉ fanpage và google map chỉ đường.
Form, embed Align right: Form đăng ký và các đơn vị thanh toán(Momo, Shopee pay, Zalo pay)
TRANG ADMIN 3.3.7 Trang đăng nhập
Điều khiển Mơ tả
frmLogin Cửa sổ txtTên người
dùng hoặc địa chỉ Email
Ơ nhập user name hoặc email txtMật khẩu Ô nhập password
Check Tự động đăng nhập lần tới Button Đăng
nhập
Đăng nhập Bạn quên mật Bạn quên mật
khẩu? Trường hợp người dùng quên mật khẩu
Mô tả hoạt động các nút chức năng Sự kiện Hoạt động
btnĐăng nhập
Nhận thông tin đăng nhập
Kiểm tra tính hợp lệ của username và password. Nếu OK thì thì kiểm tra sự tồn tại của tài khoản.
Kiểm tra sự tồn tại của tài khoản o Nếu tồn tại
Thơng báo đăng nhập thành cơng
Đóng form đăng nhập để hiển thị form chính o Nếu khơng tồn tại
Thông báo lỗi và trở lại form đăng nhập
3.3.8 Trang Page
Điều khiển Mô tả
Trang Click vào giao diện của trang “Trang” gồm có: bản nháp, action, tất cả các ngày, điểm SEO, điểm dễ đọc, tìm kiếm, lọc và tất cả các trang và hành động.
Tất cả các trang
Hiện ra tất cả các trang đã tạo Thêm trang
mới
Giao diện tạo thêm trang mới gồm các thuộc tính của 1 trang (title, add new, đăng, thuộc tính trang, layout, ảnh đại diện, phân tích SEO)
3.3.9 Trang sản phẩm
Điều khiển Mô tả
Sản phẩm Hiện ra giao diện trang tất cả sản phẩm và hành động. Tất cả sản
phẩm Tất cả sản phẩm đã tạo.
Thêm mới Align left: Hành động khi tạo 1 trang mới: title, mô tả, dữ liệu sản phẩm, phân tích SEO, mơ tả ngắn
album sản phẩm
Danh mục Align left: nút thêm danh mục.
Align right: hiển thị tất cả danh mục đã được tạo. Từ khóa Align left: nút thêm từ khóa.
Align right: hiển thị tất cả từ khóa đã được tạo. Các thuộc tính Align left: nút thêm thuộc tính.
Align right: hiển thị tất cả bài viết đã được tạo.
3.4 Trang giao diện
Điều khiển Mô tả
Giao diện Hiện ra trang giao diện và hành động.
Tùy biến Hiển thị các tùy biến của giao diện website: Header, style, blog, Woocommerce, layout, footer, page, menu, widget,
setting, CSS bổ sung.
Widget Align left: Hiển thị các widget đang hiển thị trên trang Align right: Kéo thả nếu muốn thêm mục widget mới như: sidebar, footer 1,2, shop sidebar, product sidebar.
Menu Top: chọn menu.
Align left: Nút tạo thêm liên kết và hiển thị các liên kết. Align right: Hiển thị cấu trúc menu và thiết lập menu.
3.4.1 Trang phản hồi
Điều khiển Mô tả
Phản hồi Hiện ra trang, tất cả các hành động đối với trang phản hồi và tất cả phản hồi của khách hàng.
3.4.2 Trang tiếp thị
Điều khiển Mô tả
Tiếp thị Dẫn đến trang các ưu đãi.
Các ưu đãi Hiển thị trang hệ thống gồm thêm mã ưu đãi, hành động đối với trang ưu đãi và tất cả mã ưu đãi đã được tạo.
3.4.3 Trang Woocommerce
Đơn hàng
Khách hàng
Cài đặt
Đơn hàng Hiển thị các đơn hàng, tình trạng đơn hàng và các nút hành động với đơn hàng.
Khách hàng Hiển thị thông tin của khách hàng đã cung cấp khi mua hàng: Họ&Tên, Email, số lượng đơn hàng, tổng giá, thời gian Cài đặt Cài đặt cấu hình của hàng, địa điểm cửa hàng thanh tốn, cấu
hình tiền tệ, phương thức giao hàng, Các hình thức thanh tốn, Email đơn hàng thanh tốn.
3.4.4 Trang thành viên
Điều khiển Mô tả
Thành viên Dẫn đến trang tất cả thành viên và giao diện trang thành viên được quản trị cấp.
Tất cả thành
viên Các nút hành động: thêm mới, tìm kiếm người dùng và hiển thị tất cả thành viên. Thêm Hiển thị form thêm mới thành viên: tên người dùng, email,
đến thành viên, vai trò trên trang web.
Mô tả hoạt động các nút chức năng Sự kiện Hoạt động
Tên người dùng (bắt buộc)
Nhập vào tên người dùng để đăng nhập vào trang admin. Email (bắt
buộc) Nhập vào email để đăng nhập vào trang admin. Tên, họ,
trang web
Các thông tin thiết yếu của thành viên. Ngôn ngữ
(List) Hiển thị list ngôn ngữ tùy chọn.
Mật khẩu Button tạo mật khẩu, ô mật khẩu của thành viên. Checkbox Gửi thơng báo đến thành viên.
Vai trị Chọn vai trị của thành viên trên trang. Button thêm
người dùng mới
Đồng ý và hoàn tất thêm mới thành viên.
Điều khiển Mô tả
Media Dẫn đến trang thư viện và giao diện trang media.
Thư viện Các nút hành động: tải lên, tìm kiếm người dùng và hiển thị tất cả file phương tiện đã tải lên.
Tải lên Chọn và tải lên các file phương tiện mới.
Điều khiển Mô tả
Analytics Dẫn đến trang hiệu suất đơn hàng và biểu đồ doanh thu Tổng quan Gồm các trường thông tin phân tích hiệu suất đơn hàng và
biểu đồ đơn qua các thống kê mà doanh thu shop đã bán được trên trang website
Sản phẩm Số lượng sản phẩm đã bán được, và biểu đồ số lượng sản phẩm đó theo từng ngày
Doanh thu Tổng doanh thu của cửa hàng được chọn theo ngày tháng,và doanh thu được tính theo từng ngày.
Đơn hàng Số lượng đơn hàng và biểu đồ đơn hàng đã bán
Danh mục Tổng danh mục và biểu đồ danh mục có sản phẩm bán được Phiếu ưu đãi Tổng các đơn hàng có sử dụng phiếu ưu đãi
Thuế Thống kê tất cả thuế của các đơn hàng thuế vận chuyển Kho Phân tích tất cả số lượng sản phẩm trong kho
3.4.7 Google Analytics
Điều khiển Mô tả
Tổng quan hiển các sơ đồ và số liệu số lượng khách hàng truy cập trang website
Thời gian thực Tính thời gian khách hàng khách hàng ở lại sau khi truy cập Chu kì hoạt
động
Gồm sơ đồ và các chỉ số, tính số lượng khách hàng truy cập qua các trình duyệt, và các mức độ tương tác của khách hàng Người dùng Tính được nhân khẩu học và địa điểm truy cập của khách
Đơn hàng Số lượng đơn hàng và biểu đồ đơn hàng đã bán
Danh mục Tổng danh mục và biểu đồ danh mục có sản phẩm bán được Phiếu ưu đãi Tổng các đơn hàng có sử dụng phiếu ưu đãi
Thuế Thống kê tất cả thuế của các đơn hàng thuế vận chuyển Kho Phân tích tất cả số lượng sản phẩm trong kho
4. XÂY DỰNG WEBSITE
Link trang web: https://pomstore.xyz/ Tên tài khoản: thanhthuy
Mật khẩu: caodangfptcantho
Link đăng nhập admin: https://pomstore.xyz/wp -admin
Đây là trang chủ, kết quả sau khi khách hàng nhập vào link https://pomstore.xyz/ . Để điều hướng người dùng đến các trang khác bằng cách nhấp vào các liên kết hay các danh mục trên trang chủ hoặc gõ vào thanh tìm kiếm trên trang. Từ đó, bạn sẽ được chuyển hướng đến các trang khác.
Mô tả: Trang chủ được kết hợp gồm các thứ tự thông tin như sau:
+ Banner quảng cáo: Giúp kích thích khách hàng cho khách hàng cảm giác săn sale và nhanh tay mua hàng để nhận ưu đãi
+ Sản phẩm nổi bật: Trưng bày theo tiêu chí sản phẩm đang được ưu chuộng nhất để kích thích khách hàng về bắt trend của cửa hàng.
+ Sản phẩm mới nhất: Trưng bày tất cả các sản phẩm mới cập nhật và mới nhất tại cửa hàng
+ Sản phẩm khuyến mãi: Trưng bày những sản phẩm giảm giá
+ Tin tức bài viết: Gồm các bài viết mới nhất, được liên kết trực tiếp tại trang bài viết và tin tức. Khách hàng có thể tìm hiểu thêm các bài viết tại đây
Mô tả:
Theo như thiết kế sẽ gồm hai phần:
Sidebar: Các mục chức năng hỗ trợ khách hàng: chức năng tìm kiếm, chức năng lọc sản phẩm theo giá, các sản phẩm được đánh giá và cập nhật các bài viết mới nhất.
Sản phẩm: Tập hợp tất cả sản phẩm, nơi khách hàng có thể xem, tìm kiếm chọn cho mình sản phẩm muốn mua
4.1.3 Trang giới thiệu:
Mơ tả: Trang giới thiệu thông tin liên quan đến doanh nghiệp và các dịch vụ mà
Và kèm thêm phần liên kết tới trang liên hệ, sẽ giải đáp thắc mắc giúp khách hàng.
Mô tả: Cung cấp địa chỉ doanh nghiệp thơng qua tiện ích google map và form
gửi liên hệ giúp khách hàng liên hệ dễ dàng và nhanh chóng.
Mơ tả: Trang cung cấp các tin tức và bài viết giúp khách hàng cập nhật thơng
tin và tìm hiểu về các mẹo vặt, bài viết.
4.1.6 Trang chính sách:
Mô tả: Trang cung cấp thơng tin cam kết về chính sách bảo mật thơng tin của
người dùng tại trang web giúp khách hàng yên tâm hơn khi trải nghiệm mua hàng tại website. Chính sách đổi trả
Mô tả: Cung cấp thông tin cơ bản về chính sách đổi trả, hướng dẫn đổi hàng,
giúp khách hàng hiểu rõ các chương trình của Store và có sự tin cậy ở thương hiệu cũng như tự tin hơn khi đặt hàng tại website.
Mơ tả: Nêu các hình thức được bảo mật khi khách hàng thanh tốn hóa đơn online,
giúp khách hàng bảo mật được thơng tin cá nhân và quyền lợi của mình
Chính sách thanh tốn
Mơ tả: Các hình thức thanh tốn được shop liệt kê, và các thơng tin thanh toán ở
Chính sách giao hàng
Mơ tả: Các chính sách về hình thức giao và nhận hàng, thời gian và phí giao
4.1.7 Trang đăng ký:
4.1.8 Trang đăng nhập:
4.1.9 Trang tài khoản:
Mô tả: Khi khách hàng đăng nhập vào thành công sẽ xuất hiện các trường thông
4.2.1 Trang cá nhân:
Mô tả: Tất cả các dữ liệu khách hàng đã hành động trên website như các bình
luận sẽ xuất hiện tại đây. Khách hàng có thể thiết kế trang cá nhân cho riêng mình bằng các hoạt động như tải avatar hoặc ảnh bìa lên.
4.2.2 Trang giỏ hàng:
Cho khách hàng xem những sản phẩm đã bỏ vào giỏ hàng ô nhập mã ưu đãi và có phần tiến hành thanh tốn giúp khách hàng thanh tốn nhanh chóng và tiện lợi.
4.2.3 Trang thanh tốn:
Mơ tả: Giao diện đơn giản, các mục điền thơng tin dễ dàng và các hình thức thanh
4.2.4 Trang thơng tin bổ ích:
Mơ tả: Trang hướng dẫn khách hàng chọn size và các bước mua hàng tại trang
4.2.5 Trang sản phẩm “Landing page”:
Mô tả: Trang cho phép khách hàng chọn size, thanh toán, thêm vào giỏ hàng về
sản phẩm mà khách hàng đã chọn. Giao diện đơn giản dễ dùng, kèm các thơng tin hữu ích, giúp khách hàng tiến hành mua hàng nhanh chóng
4.2.6 Trang tích lũy điểm thưởng:
Mơ tả: Trang dành cho khách hàng thân quen, tham gia tích lũy điểm để nhận
4.2.7 Trang Footer:
Mơ tả: Các trường thơng tin của cửa hàng giúp khách hàng có thể dễ dàng tìm
kiếm và các thơng tin kèm theo như: hình thức thanh tốn online, đăng ký nhận tin.
Mơ tả: Hiển thị tất cả sản phẩm đã chọn yêu thích, kèm theo chức năng thêm vào giỏ hàng.
Giao diện admin