báo cáo thiết kế hệ thống thương mại điện tử hệ thống thương mại điện tử bikezone

Nhóm 6 BikeZONE Thiết kế hệ thống TMĐT - Website bán xe đạp BikeZONE Danh mục bảng Bảng 2.1.1: Bảng phân khúc khách hàng ..... Nhóm 6 BikeZONE Thiết kế hệ thống TMĐT - Website bán xe đ

Trang 1

ĐẠI H C QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ỌTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

-□&□ -

BÁO CÁO

THIẾT KẾ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ

HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ BIKEZONE

Trang 2

Nhóm 6 BikeZONE

Thiết kế hệ thống TMĐT - Website bán xe đạp BikeZONE

HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ BIKEZONE

Phạm vi thực hi n: Website bán hàng và phần mềm ERP ệ

Trang 3

Đồng thời nhóm cũng muốn gửi lời cảm ơn đến các bạn sinh viên đã đưa ra những lời nhận xét, góp ý chân thành, vô cùng quý giá cho đồ án của nhóm Cảm ơn những người đã động viên, hỗ trợ nhóm để hoàn thành được đề tài

Với khả năng và thời gian có hạn nên không thể tránh khỏi những thiếu sót, chúng em rất mong được sự quan tâm, giúp đỡ và thông cảm của thầy để chúng em hoàn thiện hơn về đồ án của nhóm mình

Một lần nữa, chúng em xin chân thành cảm ơn thầy!

Thành phố Hồ Chí Minh, tháng 6 năm 2023 Nhóm sinh viên thực hiện,

Kiều My Trọng Nghĩa Hoàng Nam Yến Nhi Công Thành.- - - -

Trang 4

NHẬN XÉT ………

Trang 5

MỤC LỤC MỤC LỤC 4

2.4.1.2 Công ty TNHH Mr Biker SaiGon 19

2.4.2 Đối thủ gián tiếp 22

2.4.2.1 Dienmayxanh 22

2.5 SWOT BikeZO E 23 NChương 3: MÔ HÌNH KINH DOANH 25

3.1 Bộ nhận diện thương hiệu 25

3.2 Mô hình kinh doanh (Business model canvas - BMC) 25

3.2.1 Đối tác chính 26

3.2.2 Hoạt động chính 27

3.2.3 Nguồn lực chính 27

3.2.4 Giá trị doanh nghiệp (Chương 1 Mục 2)- 28

3.2.5 Các mối quan hệ với khách hàng 28

3.2.6 Kênh phân phối 28

3.2.7 Phân khúc khách hàng (Chương 2 Mục 1)- 28

3.2.8 Cơ cấu chi phí 28

Trang 6

4.2.2.2 Interaction with product 44

4.2.2.3 Interaction with order 51

4.2.2.4 Comment and rating 54

Trang 9

Danh mục bảng Bảng 2.1.1: Bảng phân khúc khách hàng 13

Bảng 4.2.2.1.1: Đặc tả use case Authentication 38

Bảng 4.2.2.1.2: Đặc tả use case Sign in 39

Bảng 4.2.2.1.3: Đặc tả use case Sign out 40

Bảng 4.2.2.1.4: Đặc tả use case CRUD profile 41

Bảng 4.2.2.1.5: Đặc tả use case CRUD account 42

Bảng 4.2.2.1.6: Đặc tả use case Reset password 43

Bảng 4.2.2.2.1: Đặc tả use case Add to Wishlist 45

Bảng 4.2.2.2.2: Đặc tả use case Search product 46

Bảng 4.2.2.2.3: Đặc tả use case View product details 47

Bảng 4.2.2.2.4: Đặc tả use case Add to Cart 48

Bảng 4.2.2.2.5: Đặc tả use case CRUD product 49

Bảng 4.2.2.3.1: Đặc tả use case CRUD product 51

Bảng 4.2.2.3.2: Đặc tả use case Track order 53

Bảng 4.2.2.4.1: Đặc tả use case Rating 54

Bảng 4.2.2.4.2: Đặc tả use case Comment 55

Bảng 4.2.2.5.1: Đặc tả use case CRUD cart 58

Bảng 4.2.2.5.2: Đặc tả use case Select payment method 59

Bảng 4.2.2.5.3: Đặc tả use case Apply discount 60

Bảng 4.2.2.5.4: Đặc tả use case Enter shipping information 62

Trang 10

Danh mục sơ đồ, hình ảnh Hình 2.2.1: Kết quả Google Trend về từ khóa “xe đạp thể thao” 16

Hình 3.1.1: Logo BikeZONE 25

Hình 3.2.1: Mô hình kinh doanh (BMC) - BikeZO E 26 NSơ đồ 4.1.5: Ngữ cảnh hệ thống 30

Sơ đồ 4.2.1.1.1: Quy trình tổng quan Marketing 31

Sơ đồ 4.2.1.1.2: Quy trình nghiên cứu thị trường 31

Sơ đồ 4.2.1.1.3: Quy trình marketing trực tiếp 32

Sơ đồ 4.2.1.2.1: Quy trình tổng quan bán hàng 33

Sơ đồ 4.2.1.2.2: Quy trình bán hàng trực tuyến 33

Sơ đồ 4.2.1.2.3: Quy trình bán hàng 34

Sơ đồ 4.2.1.2.4: Quy trình xuất hàng 34

Sơ đồ 4.2.1.3.1: Quy trình cập nhập sản phẩm và tạo bài đăng 35

Sơ đồ 4.2.1.3.2: Quy trình vận chuyển hàng thông qua GHN 36

Sơ đồ 4.2.1.3.3: Quy trình thanh toán QR code qua momo 36

Sơ đồ 4.2.2.1.1: Use case Authentication 37

Sơ đồ 4.2.2.2.1: Use case Interaction with product 44

Sơ đồ 4.2.2.3.1: Use case Interaction with order 51

Sơ đồ 4.2.2.4.1: Use case Comment and rating 54

Sơ đồ 4.2.2.5.1: Use case Check out 57

Sơ đồ 4.2.3.1.1: Activity Sign in 63

Sơ đồ 4.2.3.2.1: Activity Sign up 64

Sơ đồ 4.2.3.3.1: Activity Search product 65

Sơ đồ 4.2.3.4.1.: Activity Reset password 66

Sơ đồ 4.2.3.5.1: Activity Purchase 67

Sơ đồ 4.2.3.6.1: Activity Filter product 68

Sơ đồ 4.2.3.7.1: Activity Compare product 69

Sơ đồ 4.2.4.1.1: Sequence View cart 70

Sơ đồ 4.2.4.2.1: Sequence Tracking order 71

Sơ đồ 4.2.4.3.1: Sequence Sign up 72

Sơ đồ 4.2.4.4.1: Sequence Sign in 73

Sơ đồ 4.2.4.5.1: Sequence Search product 74

Sơ đồ 4.2.4.6.1: Sequence Reset password 75

Sơ đồ 4.2.4.7.1: Sequence Order and purchase 76

Sơ đồ 4.2.4.8.1: Sequence CRUD product 77

Sơ đồ 4.2.4.9.1: Sequence Comment 78

Hình 4.3.1: Kết nối 3 Woocommerce, Facebook và Chatbot GPT 81

Trang 11

Hình 4.5.5.5: Thông tin đơn hàng 94

Hình 4.6.3.1 : Giao diện Google Search Console 95

Hình 4.6.3.2: Thêm website vào GSC 96

Hình 4.6.3.3: Thêm URL website vào GSC 96

Hình 4.6.3.4: Kết quả xác minh thành công 97

Hình 4.6.3.5: Plugin RankMath 97

Hình 4.6.3.6: Chức năng hỗ trợ Sitemap 97

Hình 4.6.3.7: Giao diện Sitemap Settings 98

Hình 4.6.3.8: Giao diện Sơ đồ trang web trong GSC 98

Hình 4.6.3.9: Thông báo Chờ xử lý sitemap 98

Hình 4.6.3.10: Giao diện Kiểm tra URL của GSC 99

Hình 4.6.4.1: Kết quả yêu cầu chỉ mục bị từ chối 99

Hình 4.6.4.2: Quá trình kiểm tra URL lập chỉ mục 99

Hình 4.7.2.1: Plugin All in One SEO 100

Hình 4.7.2.2: Điểm SEO của website trước cải thiện 101

Hình 4.7.2.3: Màn hình Site Audit Checklist 102

Hình 4.7.2.4: Điểm SEO của website sau cải thiện 103

Hình 4.7.2.5: Điểm SEO Headlines 103

Hình 4.8.2.1: Giao diện Google Analytics 104

Hình 4.8.2.2: Giao diện tạo luồng dữ liệu 104

Hình 4.8.2.3: Thông tin luồng 105

Hình 4.8.2.4: Hướng dẫn cài thẻ 105

Hình 4.8.2.5: Plugin Insert Header 105

Hình 4.8.2.6: Chèn script vào Header 106

Hình 4.8.2.7: Kết quả đo lường 106

Trang 12

Chương 1: GIỚI THIỆU

1.1 Lý do chọn đề tài

● Ngày càng có nhiều người quan tâm đến việc thể dục và cuộc sống lành mạnh, đặc biệt

-thể thao và cuộc sống năng động, do đó có tiềm năng tăng trưởng lớn trong thị trường Xe đạp thể thao đa dạng mẫu mã từ xe đạp địa hình, xe đạp đường phố, xe đua, xe đạp du lịch và nhiều loại khác

● Xe đạp thể thao là một phương tiện vận động thân thiện với môi trường và có nhiều lợi ích cho sức khỏe Bằng cách kinh doanh xe đạp thể thao, mong muốn đóng góp vào việc khuyến khích người khác tham gia vào hoạt động vận động, cải thiện sức khỏe và thúc đẩy lối sống lành mạnh; Góp một phần vào việc giảm lượng khí thải carbon và bảo vệ môi trường

● Bằng cách kinh doanh xe đạp thể thao, chúng tôi sẽ cung cấp cho khách hàng sự lựa chọn và phong cách trong việc tạo dựng hình ảnh của họ

● Xe đạp thể thao có khả năng đa dụng và tùy chỉnh cao Tùy chỉnh xe theo yêu cầu của khách hàng, từ kiểu dáng, màu sắc, phụ kiện và các yếu tố khác Điều này cho phép doanh nghiệp tạo ra những sản phẩm độc đáo và cá nhân hóa, đáp ứng nhu cầu đặc biệt của khách hàng

● Một lý do khác là giải đua xe đạp, đặc biệt là đua xe đạp địa hình, ngày càng trở nên phổ biến và thu hút sự quan tâm từ người hâm mộ và người chơi Kinh doanh xe đạp thể thao có thể mang lại cơ hội hợp tác với các sự kiện và giải đua xe đạp để tạo dựng thương hiệu và quảng bá sản phẩm của bạn

● Kinh doanh xe đạp thể thao cho phép tạo ra mô hình kinh doanh D2C, tức là tiếp cận trực tiếp khách hàng mà không thông qua các đại lý trung gian Điều này giúp tăng tính tiện lợi, tương tác trực tiếp với khách hàng và giảm chi phí trung gian, đồng thời tạo ra kênh giao tiếp và phản hồi nhanh chóng với khách hàng

1.2 Giá trị mang lại

● Chất lượng tốt: Cung cấp các sản phẩm xe đạp thể thao chất lượng cao, đảm bảo tính bền vững và hiệu suất tối ưu

● Đa dạng sản phẩm: Cung cấp một loạt các loại xe đạp thể thao đa dạng, từ xe đạp địa hình, xe đua, xe đạp đường phố và các phụ kiện đi kèm

● Hiệu suất tối ưu: Xe đạp thể thao được thiết kế để đạt hiệu suất cao, mang lại trải nghiệm lái tốt và khả năng vận hành mạnh mẽ

Trang 13

● Tiện nghi và tính năng tiên tiến: Cung cấp các tính năng tiện ích và công nghệ tiên tiến như hệ thống truyền động thông minh, phanh chính xác, thiết kế nhẹ nhàng và khung sườn bền vững

● Tư vấn chuyên nghiệp: Cung cấp dịch vụ tư vấn chuyên nghiệp về sản phẩm và chọn lựa xe đạp thể thao phù hợp với nhu cầu và mục tiêu của khách hàng

● Dịch vụ sau bán hàng tốt: Đảm bảo dịch vụ hậu mãi tốt như bảo trì, sửa chữa và cung cấp phụ tùng thay thế Khách hàng sẽ cảm thấy an tâm và có niềm tin khi biết rằng họ sẽ nhận được hỗ trợ sau khi mua sản phẩm

● Xây dựng cộng đồng: Cung cấp cơ hội cho khách hàng để kết nối và giao lưu với nhau thông qua sự chia sẻ cùng một đam mê chung

● Bảo vệ môi trường: Sử dụng xe đạp thể thao là một cách bảo vệ môi trường bằng cách giảm thiểu khí thải và ô nhiễm

● Cá nhân hóa: Cung cấp cho khách hàng sự lựa chọn để tùy chỉnh và cá nhân hóa xe đạp theo ý thích của khách hàng Từ việc chọn màu sắc, thiết kế, phụ kiện và phong cách riêng, khách hàng có thể thể hiện cá nhân và phong cách của mình thông qua xe đạp thể thao

1.3 Mục tiêu

● Thiết kế một hệ thống TMĐT phục vụ cho việc mua bán các sản phẩm trực tuyến bao gồm website bán hàng và hệ thống ERP, ở đây là sản phẩm xe đạp thể thao và dịch vụ nổi bật là thiết kế theo nhu cầu khách hàng

● Website bán hàng có đầy đủ các chức năng phục vụ cho việc mua và bán sản phẩm cho cả Quản trị viên và Khách hàng Một số chức năng chính: Xem sản phẩm, thêm vào giỏ hàng, thanh toán, và phát triển các tính năng tiện ích như so sánh, đề xuất sản phẩm, tùy chỉnh sản phẩm Bên cạnh đó tích hợp các phần mềm hỗ trợ và công nghệ tự động hóa để tăng chất lượng trải nghiệm mua sắm

● Phần mềm ERP: Tích hợp Odoo vào website bán hàng để thu thập và phân tích dữ liệu trong quá trình mua bán, thuận tiện cho việc quản lý hệ thống

● Hiệu suất hoạt động của hệ thống ngày càng nhanh và phù hợp với nhu cầu người dùng

Trang 86

đăng nhập không hợp lệ, ứng dụng sẽ hiển thị thông báo để người dùng thử lại ○ Ngoài ra, ở màn hình này còn có mục đăng ký Khi chưa có tài khoản, người dùng điền thông tin để tạo mới một tài khoản cho mình Khi đăng ký thành công sẽ chuyển đến trang tài khoản

○ Trường hợp người dùng đã có mật khẩu mà quên thông tin đăng nhập, người dùng có thể dễ dàng lấy lại bằng cách bấm vào “Lost your password” Khi đó,

ứng dụng sẽ mở Màn hình reset mật khẩu 4.5.2 Đặt lại mật khẩu

Hình 4.5.2.1: Màn hình lấy lại mật khẩu ● Mô tả cách sử dụng và xử lý trên màn hình:

○ Người dùng khi quên mật khẩu sẽ vào màn hình này Sau khi điền email, người

Trang 87

○ Nếu việc yêu cầu lấy lại mật khẩu thành công (Email tồn tại trong hệ thống) thì

ngay lập tức ứng dụng sẽ chuyển sang màn hình Đăng nhập

○ Nếu email không tồn tại trong hệ thống thì sẽ thông báo lỗi

4.5.3 Trang chủ

Hình 4.5.3.1: Màn hình trang chủ (1)

Trang 88

Trang 89

Trang 91

4.5.4 Xem sản phẩm

Hình 4.5.4.1: Thanh điều hướng

● Chọn sản phẩm là mình muốn xem (Xe đạp, phụ tùng hoặc tất cả) trên thanh điều hướng Tiếp theo lọc sản phẩm bằng bộ lọc bên trái

Hình 4.5.4.2: Trang danh sách sản phẩm

Trang 93

○ Nếu người dùng bấm vào Thêm vào giỏ hàng, hệ thống sẽ thông báo sản phẩm đã được thêm vào giỏ hàng thành công vào hiển thị nút Xem giỏ hàng

Hình 4.5.5.2: Nút xem giỏ hàng

Hình 4.5.5.3: Màn hình Checkout (1)

Trang 94

○ Tiếp tục chọn Proceed to checkout, điền thông tin vào form, chọn phương thức thanh toán

Hình 4.5.5.4: Màn hình Checkout (2)

○ Sau khi quá trình được thực hiện thành công, hệ thống sẽ hiển thị ra thông tin đơn hàng vừa đặt Kết thúc quy trình mua hàng

Trang 95

Hình 4.5.5.5: Thông tin đơn hàng

4.6 Cài đặt tìm kiếm website

4.6.1 Đặt vấn đề

● Một nghiên cứu của Forrester Research cho thấy 43% khách truy cập trang web luôn

luôn là những người có khả năng cao sẽ thực hiện giao dịch đối với mặt hàng đó Một website có khả năng tìm kiếm có thể sẽ được tiếp cận với nhiều khách hàng hơn

4.6.2 Giới thiệu

● Vì vậy, để có thể tiếp cận với nhiều khách hàng hơn, đồng thời theo dõi, duy trì cũng như khắc phục kịp thời những sự cố xảy ra với website, nhóm quyết định cài đặt cho website có thể tìm kiếm trên Google bằng Google Search Console

● Google Search Console chính là công cụ hỗ trợ đắc lực cho việc quản lý website được xây dựng và phát triển bởi Google Việc kết nối website với Google Search Console rất quan trọng trong việc theo dõi hiệu suất, xử lý các vấn đề SEO Onpage và SEO Offpage hiệu quả

Trang 96

● Điểm nổi bật của GSC:

○ Thống kê các link dẫn đến website cũng như cung cấp những từ khoá mà người dùng có khả năng sử dụng để truy cập vào website

○ Cung cấp các công cụ và báo cáo để giúp xác nhận rằng Google có thể tìm thấy và thu thập website

○ Sửa chữa các vấn đề lập chỉ mục và yêu cầu lập chỉ mục lại nội dung mới hoặc được cập nhật

○ Cho phép xem dữ liệu lưu lượng truy cập Tìm kiếm Google cho website ○ Nhận được cảnh báo khi Google gặp phải các vấn đề lập chỉ mục, spam hoặc

các vấn đề khác trên website

○ Hiển thị cho bạn các trang web liên kết đến website

● Nhờ vậy, người quản trị web có thể tiết kiệm được thời gian cũng như công sức để tập trung vào việc chỉnh sửa và tối ưu onpage trở nên hoàn thiện hơn cũng như giúp cho

4.6.3 Các bước thực hiện ● Bước 1: Truy cập vào GSC

○ Đăng nhập bằng Gmail:

Hình 4.6.3.1 : Giao diện Google Search Console

● Bước 2: Thêm website BikeZONE vào GSC

○ Chọn “Thêm trang web”

Trang 97

Hình 4.6.3.2: Thêm website vào GSC

BikeZONE

Hình 4.6.3.3: Thêm URL website vào GSC

● Bước 3: Xác minh quyền sở hữu

○ Xác minh Google Console bằng tải tệp html lên website

Trang 98