Hình 2. 5. Vị trí thanh trợ giúp và cài đặt hiển thị màn hình quản trị
Hình 2. 6. Màn hình trợ giúp của Wordpress
d. Post- Bài viết
Hình 2. 8. Giao diện quản trị bài viết
Là nơi tạo mới, sửa xóa các bài viết trên Website
e. Media Library- Thư viện tài liệu
Hình 2. 9. Thư viện trên Wordpress
Là nơi quản lý thư viện tài liệu của Website: Hình ảnh, Video, Word, Excel,....
g. Appearance- Giao diện
Hình 2. 11. Quản lý tinh chỉnh giao diện
Đây chính là khu vực mà bạn sẽ làm việc để tiến hành tinh chỉnh giao diện (theme) trên website hoặc đổi theme. Trong khu vực này, có khá nhiều tính năng mà tùy thuộc vào theme nó sẽ có hiển thị hay khơng
h. Plugins- Ứng dụng hỗ trợ
Hình 2. 12. Quản lý gói mở rộng
i. Users- Người dùng
k. Settings
Hình 2. 14. Khu vực cài đặt chung trên Wordpress
Là nơi cài đặt các thuộc tính chung của Website
2.2. PLUGIN
Elementor- là một gói mở rộng hỗ trợ người dùng kéo thả giao diện trang Web một cách thuận tiện.
Hình 2. 15. Elementor
Tương tự Flatsome cùng là một gói hỗ trợ người dùng kéo thả giao diện một trang Web, ngồi ra cịn có sẵn nhiều giao diện đẹp có sẵn cho các Website bán hàng
Hình 2. 16. Flatsome
Woo Commerce - là một gói mở rộng tích hợp các tính năng giúp xây dựng một Website thương mại điện tử
CHƯƠNG 3
XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ CHO CÁC DOANH NGHIỆP VỪA VÀ NHỎ TRÊN WORDPRESS
3.1. MƠ TẢ BÀI TỐN
Trong thời đại mua sắm trực tuyến bùng nổ đặc biệt là trong giai đoạn cả thế giới phải gồng mình lên cùng nhau chống lại dịch Covid-19 hồnh hành thì nhu cầu có cho mình một Website bán hàng trực tuyến gia tăng mạnh mẽ.
Với các doanh nghiệp lớn ngay trước thời điểm đó đa số họ đã có một hoặc nhiều Website bán hàng chạy ổn định, trong khi đó đối với các doanh nghiệp vừa và nhỏ bài tốn chi tiêu khơng hề dễ để cân đối.
Nhân sự phải cắt giảm, cửa hàng phải tạm thời ngưng hoạt động, chi phí có thể bỏ ra cho một Website bán hàng là khơng nhiều mà thời gian cịn phải thật nhanh để có thể duy trì hoạt động kinh doanh.
Em nhận ra rằng khơng ít u cầu tương tự như vậy đến từ các doanh nghiệp nhỏ, mới thành lập hay cửa hàng tư nhân điều này làm cho đội dự án phải ngồi lại với nhau để giúp đỡ các khách hàng của mình cùng nhau vượt qua thời điểm kinh tế nhạy cảm này.
Sau khi tìm hiểu các nền tảng, cơng nghệ làm Website ưu và nhược điểm của chúng, em quyết định chọn nền tảng WordPress và một số Plugins để triển khai xây dựng Website thương mại điện tử cho các Doanh nghiệp vừa và nhỏ vì một số lý do cơ bản sau đây:
- WordPress là mã nguồn mở
- WordPress và các Plugins đều miễn phí
- Thời gian triển khai nhanh chóng
- Chi phí xây dựng hợp lý
- CMS thân thiện với người dùng
- Mã nguồn thuộc về doanh nghiệp (không như Haravan hay Sapo)
3.1.1. Hành trình người dùng
Muốn xác định hành trình người dùng ta cần xác định được:
- Hành trình người dùng gồm những bước như nào
- Những điểm chạm ở đâu trên website
- Hành động: Họ làm những gì trên website của mình, để đạt đc một mục tiêu thì
hành trình của họ như thế nào
a. Mua hàng
HÀNH ĐỘNG Truy cập Website Tim trên thanh tim kiếm hoặc theo danh mục Bấm nút
Xem chi tiết thêm vào giỏBấm nút
Bấm vào nút xác nhận gió hàng Điền thơng tin đơn hàng
Hình 3. 1. Hành trình khách hàng mua hàng
b. Quản lý đơn hàng
c. Quản lý thơng tin sản phẩm
Hình 3. 3. Hành trình quản lý sản phẩm
d. Quản lý danh mục Sản phẩm
ĐIẾM CHAM Hệ thông Website nút đáng ky céc khu vực điên nút đẳng ký email xác thực trang thòng tin cá nhân HÀNH ĐỘNG Truy cặp Website bãm đãng
ký tin Oien thông bấm nút đăngký xác thực tằlkhốn vì đẳng nhãp
sửa thồng tin và lưu lãi
e. Quản lý menus trên Web
Hình 3. 5. Hành trình quản lý điều hướng Website
g, Quản lý tài khoản
Hình 3. 6. Hành trình quản lý tài khoản
i. Quản lý khuyên mại
Hình 3. 7. Hành trình quản lý khuyên mại
k, Quản lý tài khoản khách hàng
Khách hàng mn Tlm khu vực Cung câp Hồntât xác thực sứa tái khoản
KỊCH BÀN Admin đángnhập Váo quán Iydoanh thu xem Iheoy⅛u Cfiu xuãt báocáo DiEM CHAM Hé thống quàn Irt mục ρh⅞n rich bõ Iqc nút tái Λ
HÀNH ĐỘNG Dáng nháp Băm váo mụcphân Uch diẻu kiện lọcnhập án tái VỄ
Hình 3. 8. Hành trình quản lý tài khoản khách hàng
Hình 3. 9. Hành trình xem báo cáo thống kê
3.1.2. Biểu đồ ngữ cảnh (Context Diagram)
Tác nhân đối với hệ thống bán hàng trực tuyến gồm: Khách hàng, Biên tập viên Website
3.1.3. Biểu đồ phân rã chức năng
Đựa vào hành trình của khách hàng, biểu đồ phân dã chức năng của hệ thống gồm 8 chức năng chính, trong mỗi chức năng thì có các chức năng con được thể hiện trong Hình 3
3.1.4. Mơ tả chi tiết một số chức năng chính
Quản trị viên thiết lập các chương trình khuyến mại
Chức năng 1.1. Tạo khuyến mại
- Tên chức năng: Tạo chương trình khuyến mại
- Các sự kiện kích hoạt: Khi chủ cửa hàng muốn tạo ra một số các mã khuyến mại nhân dịp nào đó thì sẽ vào mục Coupon và tạo ra một chương trình theo mong muốn.
- Yêu cầu giao diện:
- Dữ liệu vào: Thơng tin chương trình khuyến mại
- Cơng thức (thuật tốn): Mã khuyến mại sẽ trừ thẳng trên giá tiền gốc của sản phẩm
- Dữ liệu ra: Danh sách các mã khuyến mại được tạo
- Quy tắc nghiệp vụ: Không tạo ra hai mã trùng nhau, mã nào dùng rồi khơng được dùng lại (tùy hình thức khuyến mại), khơng được dùng hai mã cùng lúc, không phân
biệt hoa thường với mã khuyến mại, mã khuyến mại chỉ bao gồm chữ và số.
Chức năng 1.2. Sửa khuyến mại
- Tên chức năng: Sửa chương trình khuyến mại
- Các sự kiện kích hoạt: Khi chủ cửa hàng muốn sửa một số thông tin của khuyến mại
thì sẽ vào chương trình khuyến mại muốn sửa, sửa những thông tin được phép sửa và lưu lại.
- Yêu cầu giao diện:
- Dữ liệu vào: Thơng tin chương trình khuyến mại muốn sửa
- Cơng thức (thuật tốn): Cập nhật dữ liệu đã sửa
- Dữ liệu ra: Chương trình khuyến mại đã được cập nhật thơng tin
- Quy tắc nghiệp vụ: Các yếu tố chỉ được sửa liên quan đến điều kiện và quyền lợi khuyến mại khi chương trình khuyến mại chưa bắt đầu hoặc chưa có mã khuyến mại
nào được dùng, các thơng tin khác thì được sửa nhiều lần trong q trình triển khai.
Chức năng 1.3. Xóa khuyến mại
- Dữ liệu vào: Thơng tin chương trình khuyến mại muốn xóa
- Cơng thức (thuật tốn): Xóa chương trình khuyến mại và đưa vào bộ đệm
- Dữ liệu ra: Chương trình khuyến mại muốn xóa nằm trong thùng rác của hệ thống.
- Quy tắc nghiệp vụ: Khi xóa chương trình khuyến mại khơng xóa hẳn mà nằm danh sách chương trình bị xóa, tuy nhiên khơng cịn tác dụng, có thể khơi phục lại nếu khơng may xóa nhầm, các mã khuyến mại đã dùng trước khi chương trình khuyến mại bị xóa sẽ vẫn được lưu lại.
Chức năng 1.4. Tắt khuyến mại
- Tên chức năng: Tắt chương trình khuyến mại
- Các sự kiện kích hoạt: Khi chủ cửa hàng muốn tạm dừng chạy một chương trình khuyến mại thì sẽ vào chương trình khuyến mại muốn tạm dừng, thay đổi ngày hết hạn và lưu lại. Có bài viết thơng báo cho khách hàng về việc tạm dừng chương trình
khuyến mại.
- Yêu cầu giao diện:
- Dữ liệu vào: chương trình khuyến mại muốn tạm dừng
- Cơng thức (thuật tốn): Cập nhật dữ liệu đã sửa
- Dữ liệu ra: Chương trình khuyến mại đã được tạm dừng
- Quy tắc nghiệp vụ: các mã khuyến mại đã dùng trước khi chương trình khuyến mại bị tạm dừng sẽ vẫn được lưu lại.
Chức năng 3.1. Đăng ký
- Tên chức năng: Đăng ký tài khoản khách hàng
- Các sự kiện kích hoạt: Khách hàng muốn đăng ký tài khoản trên Website, khách hàng nhập thơng tin đăng ký,sau đó thống gửi email xác thực và khách hàng đăng nhập vào email đã đăng ký để kích hoạt tài khoản.
- Yêu cầu giao diện: Màn hình đăng ký, đổi giao diện trên menu hiện tên tài khoản đăng ký
- Dữ liệu vào: Thông tin tài khoản đăng ký
- Công thức (thuật tốn): Kiểm tra các thơng tin nhập vào, Tạo tài khoản mới, gửi email xác nhận.
- Dữ liệu ra: Danh sách tài khoản khách hàng được cập nhật, thông báo đăng ký thành
cơng sau khi khách hàng kích hoạt
- Quy tắc nghiệp vụ: Kiểm tra các trường thơng trống thì khơng cho đăng ký.
- Tên chức năng: Đăng nhập Website
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn đăng nhập vào hệ thống
- Yêu cầu giao diện: màn hình đăng nhập, đổi giao diện trên menu hiện tên tài khoản đăng ký sau khi đăng nhập thành công. Thông báo nếu nhập sai thông tin.
- Dữ liệu vào: Thông tin đăng nhập
- Cơng thức (thuật tốn): Kiểm tra các thông tin đăng nhập
- Dữ liệu ra: thông báo đăng nhập thành công hoặc sai thông tin đăng nhập.
- Quy tắc nghiệp vụ: Kiểm tra các trường thông trống và đúng thông tin đăng nhập.
Chức năng 3.3. Quên mật khẩu
- Tên chức năng: Quên mật khẩu khách hàng
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn đăng nhập vào hệ thống nhưng không nhớ được mật khẩ đăng nhập, khách hàng nhập email đã đăng ký để khơi phục mật khẩu, sau đó đăng nhập vào email để đổi mật khẩu.
- Yêu cầu giao diện: Màn hình quên mật khẩu, đổi giao diện trên menu hiện tên tài khoản đăng ký sau khi đăng nhập thành công. Thông báo nếu nhập sai thông tin.
- Dữ liệu vào: Email đăng ký
- Cơng thức (thuật tốn): Kiểm tra email xem có hợp lệ hay khơng nếu có thơng báo đã gửi email nếu sai thì hiện thơng báo.
- Dữ liệu ra: thơng báo gửi thành công email hoặc email không hợp lệ.
- Quy tắc nghiệp vụ: Kiểm tra đúng email nằm trong hệ thống khách hàng đã có.
Chức năng 3.4. Xem thơng tin tài khoản
- Tên chức năng: Khách hàng xem thơng tin tài khoản của mình
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn xem thơng tin tài khoản của mình
- u cầu giao diện: Màn hình thơng tin tài khoản
- Dữ liệu vào: Yêu cầu xem tài khoản
- Cơng thức (thuật tốn): Chuyển sang trang Thông tin tài khoản
- Dữ liệu ra: Trang thông tin tài khoản
- Quy tắc nghiệp vụ: Hiện đầy đủ thông tin các trường theo lần cập nhật gần nhất trừ mật khẩu.
Chức năng 3.5. Sửa thông tin tài khoản, mật khẩu
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn và muốn sửa thơng tin tài khoản của mình; nhập các trường thông tin cho phép thay đổi mà lưu lại
- u cầu giao diện: Màn hình thơng tin tài khoản
- Dữ liệu vào: Thông tin mới
- Cơng thức (thuật tốn): Lưu lại các thông tin mới
- Dữ liệu ra: Trang thông tin tài khoản với thông tin đã được cập nhật hoặc thông báo dữ liệu chưa đúng
- Quy tắc nghiệp vụ: Hiện đầy đủ thông tin các trường theo lần cập nhật gần nhất trừ mật khẩu; Kiểm tra các trường thông tin trống.
Chức năng 3.6. Xem lịch sử đơn hàng
- Tên chức năng: Khách hàng xem thông tin lịch sử đơn hàng của mình
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn xem thơng tin lịch sử đơn hàng của mình
- Yêu cầu giao diện: Màn hình lịch sử đơn hàng
- Dữ liệu vào: Yêu cầu lịch sử đơn hàng với thông tin tài khoản
- Cơng thức (thuật tốn): Kiểm tra thơng tin tài khoản và Chuyển sang trang lịch sử đơn hàng với thông tin tương ứng
- Dữ liệu ra: Trang thông tin lịch sử đơn hàng tươmg ứng với tài khoản
- Quy tắc nghiệp vụ: Hiện đúng lịch sử đơn hàng của tài khoản yêu cầu; sắp xếp lịch sử đơn hàng theo thời gian sao cho đơn hàng mới hơn ở trên.
Chức năng 4.1. Tìm kiếm Sản phẩm
- Tên chức năng: Tìm kiếm và xem Danh sách Sản phẩm
- Các sự kiện kích hoạt: Khi Người dùng muốn tìm kiếm nhanh sản phẩm theo tên hoặc xem danh sách Sản phẩm của Website thì nhập thơng tin vào ơ tìm kiếm hoặc bấm vào trang Sản phẩm trên thanh điều hướng.
- Yêu cầu giao diện: Màn hình danh sách sản phẩm, mà hình kết quả tìm kiếm
- Dữ liệu vào:Lệnh tìm tên sản phẩm hoặc Lệnh chuyển sang trang Danh sách sản phẩm,
- Cơng thức (thuật tốn):Tìm kiếm theo dữ liệu nhập vào rồi trả ra kết quả tìm kiếm theo tên sản phẩm hoặc Chuyển sang trang Danh sách sản phẩm khi có yêu cầu và truy xuất vào Dữ liệu sản phẩm
- Dữ liệu ra: trang kết quả tìm kiếm hoặc trang danh sách sản phẩm
- Quy tắc nghiệp vụ: Tìm kiếm đúng sản phẩm theo tên hoặc hiện đúng giao diện của trang Danh sách Sản phẩm; hiện đúng và đủ thông tin sản phẩm.
4.2. Xem chi tiết sản phẩm
- Tên chức năng: Xem thông tin chi tiết của Sản phẩm
- Các sự kiện kích hoạt: Khi Người dùng muốn xem thơng tin chi tiết của Sản phẩm thì bấm vào sản phẩm muốn xem chi tiết.
- Yêu cầu giao diện: Màn hình thơng tin chi tiết của Sản phẩm
- Dữ liệu vào: Lệnh chuyển sang trang chi tiết của Sản phẩm
- Công thức (thuật tốn): Chuyển sang trang thơng tin chi tiết của Sản phẩm khi có u cầu và truy xuất vào thơng tin chi tiết của Sản phẩm tương ứng.
- Dữ liệu ra: trang chi tiết của Sản phẩm tương ứng với sản phẩm được chọn
- Quy tắc nghiệp vụ: Hiện đúng giao diện của trang Danh sách Sản phẩm, hiện đúng và đủ thông tin chi tiết sản phẩm tương ứng với sản phẩm được chọn
Chức năng 4.3. Thêm vào giỏ hàng
- Tên chức năng: Thêm sản phẩm vào giỏ hàng
- Các sự kiện kích hoạt: khi khách hàng đã có tài khoản và muốn Thêm sản phẩm vào giỏ hàng của mình
- Yêu cầu giao diện: Màn hình giỏ hàng, nút thêm vào giỏ
- Dữ liệu vào: Yêu cầu thêm sản phẩm vào giỏ hàng
- Cơng thức (thuật tốn): thêm sản phẩm vào giỏ hàng đi kèm thay đổi thông tin tương
ứng.
- Dữ liệu ra: Thông tin giỏ hàng được cập nhật
- Quy tắc nghiệp vụ: Hiện đúng Thông tin giỏ hàng được cập nhật, có tài khoản khách
hàng mới thêm được sản phẩm vào giỏ hàng.
Chức năng 4.4. Xem thông tin giỏ hàng
- Tên chức năng: Xem thông tin sản phẩm trong giỏ hàng
- Các sự kiện kích hoạt: khách hàng muốn xem thơng tin giỏ hàng của mình