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

ng d Giảng viên hướ ẫn: Nguyễn Dương Tùng

c hi Sinh viên thự ện:

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Ử

Trang 3

LỜI CẢM ƠN

Lời đầu tiên chúng em xin chân thành gửi lời cảm ơn đến với giảng viên môn học là

thầy Nguyễn Dương Tùng Cảm ơn thầy đã giảng dạy, truyền đạt rất nhiều kiến thức bổ ích

về Thiết kế hệ thống Thương mại điện tử và nhiều kỹ năng về xây dựng website cần thiết cho

chúng em Cảm ơn thầy đã hướng dẫn nhiệt tình, giải đáp thắc mắc cũng như hỗ trợ chúng

em rất nhiều trong quá trình thực hiện đồ án

Đồ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

Danh mục bảng 8

Danh mục sơ đồ, hình ảnh 9

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

1.2 Giá trị mang lại 11

1.3 Mục tiêu 12

Chương 2: PHÂN TÍCH THỊ TRƯỜNG 13

2.1 Phân khúc khách hàng 13

2.2 Tổng quan thị trường 14

2.3 Lợi thế cạnh tranh 17

2.4 Phân tích đối thủ cạnh tranh 18

2.4.1 Đối thủ trực tiếp 18

2.4.1.1 Bike2School 18

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 N Chươ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

3.2.9 Dòng doanh thu 28

Chương 4: THIẾT KẾ HỆ THỐNG 29

4.1 Tổng quan 29

4.1.1 Mục tiêu 29

4.1.2 Yêu cầu 29

4.1.3 Đối tượng người dùng 29

4.1.4 Công nghệ 29

4.1.5 Sơ đồ ngữ cảnh 30

4.2 Thiết kế 31

4.2.1 Sơ đồ BPMN 31

4.2.1.1 Marketing 31

4.2.1.2 Sales, Warehouse 33

4.2.1.3 Technical 35

4.2.2 Sơ đồ use case 37

4.2.2.1 Authentication 37

4.2.2.2 Interaction with product 44

4.2.2.3 Interaction with order 51

4.2.2.4 Comment and rating 54

4.2.2.5 Check out 57

4.2.3 Sơ đồ activity 63

4.2.3.1 Sign in 63

4.2.3.2 Sign up 64

4.2.3.3 Search product 65

4.2.3.4 Reset password 66

4.2.3.5 Purchase 67

4.2.3.6 Filter product 68

4.2.3.7 Compare product 69

4.2.4 Sơ đồ sequence 70

4.2.4.1 View cart 70

4.2.4.2 Tracking order 71

Trang 7

4.2.4.3 Sign up 72

4.2.4.4 Sign in 73

4.2.4.5 Search product 74

4.2.4.6 Reset password 75

4.2.2.7 Order and purchase 76

4.2.4.8 CRUD product 77

4.2.4.9 Comment 78

4.3 Xây dựng hệ thống 79

4.4 Chức năng hệ thống 83

4.5 Giao diện người dùng 84

4.5.1 Đăng nhập 84

4.5.2 Đặt lại mật khẩu 85

4.5.3 Trang chủ 86

4.5.4 Xem sản phẩm 90

4.5.5 Đặt hàng và thanh toán 91

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

4.6.1 Đặt vấn đề 94

4.6.2 Giới thiệu 94

4.6.3 Các bước thực hiện 95

4.6.4 Kết quả 99

4.7 Tối ưu hóa công cụ tìm kiếm (SEO) 100

4.7.1 Tổng quan 100

4.7.2 Cách thức thực hiện 100

4.8 Thu thập dữ liệu 104

4.8.1 Tổng quan 104

4.8.2 Cách thức thực hiện 104

5.1 Ưu điểm 107

5.1.1 Về mặt kinh tế 107

5.1.2 Về mặt kỹ thuật 107

5.2 Nhược điểm 108

Trang 8

5.2.1 Về kinh tế 108

5.2.2 Về kỹ thuật 108

5.3 Hướng phát triển 108

TÀI LIỆU THAM KHẢO 110

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 N Sơ đồ 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.1.1: Màn hình đăng nhập 84

Hình 4.5.2.1: Màn hình lấy lại mật khẩu 85

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

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

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

Hình 4.5.5.1: Màn hình chi tiết sản phẩm 91

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

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

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

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

Tiêu đề	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
Tác giả	Vũ Phạm Hoàng Nam, Trần Trọng Nghĩa, Nguyễn Phương Yến Nhi, Phan Công Thành, Võ Kiều My
Người hướng dẫn	Nguyễn Dương Tùng
Trường học	Đại Học Quốc Gia Thành Phố Hồ Chí Minh
Thể loại	báo cáo
Năm xuất bản	2023
Thành phố	Thành phố Hồ Chí Minh

Định dạng
Số trang	111
Dung lượng	3,53 MB