Báo cáo môn thương mại Điện tử cách xây dựng website bán hàng Đề tài xây dựng website thương mại Điện tử về các thiết bị công nghệ

Mỗi sản phẩm đều được giới thiệu chi tiết với các thông số kỹ thuật, tính năng nổi bật, đánh giá từ chuyên gia và người dùng, giúp khách hàng dễ dàng so sánh và đưa ra quyết định mua sắm

1

ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC SÀI GÒN KHOA CÔNG NGHỆ THÔNG TIN

⬗◆⬖

BÁO CÁO MÔN THƯƠNG MẠI ĐIỆN TỬ

Thành phố Hồ Chí Minh, tháng 12 năm 2024

NHẬN XÉT, ĐÁNH GIÁ CỦA GIẢNG VIÊN

MỤC LỤC

GIỚI THIỆU WEBSITE 5

Mô tả tổng quan về website sẽ xây dựng 5

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

PHẦN I: KẾ HOẠCH THỰC HIỆN WEBSITE 7

I.1 Bảng kế hoạch thực hiện 7

I.2 Bảng phân công công việc và đánh giá mức độ hoàn thành 7

PHẦN II: CÁCH XÂY DỰNG WEBSITE BÁN HÀNG 8

II.1 Các thành phần chính để thiết kế, bán hàng, quản lý nội dung và xử lý thanh toán 8 II.2 Cấu hình 8

II.3 Plugins 8

II.3.1 Cách thêm 1 Plugin 8

II.3.2 Danh sách các Plugin được sử dụng cho trang web 8

II.3.3 Cách xây dựng trang web 8

PHẦN III: TRÌNH BÀY CHI TIẾT VỀ TRANG WEB 10

III.1 Đối với người dùng 11

III.1.1 Giao diện “Đăng ký tài khoản” của trang web 8

III.1.2 Giao diện “Đăng nhập tài khoản” của trang web 8

III.1.3 Giao diện “Thay đổi mật khẩu đăng nhập” của trang web 8

III.1.4 Giao diện điều hướng “Home” của trang web 8

III.1.5 Giao diện điều hướng “Shop” của trang web 8

III.1.6 Giao diện điều hướng “Blog” của trang web 8

III.1.7 Giao diện điều hướng “Contact Us” của trang web 8

III.1.8 Giao diện điều hướng “My Account” của trang web 8

III.1.9 Đăng xuất tài khoản đăng nhập 8

III.1.10 Giao diện điều hướng “Xem giỏ hàng” của trang web 8

III.1.10.1 Xem chi tiết giỏ hàng của trang web 8

III.1.10.2 Thanh toán đơn hàng của trang web 8

III.2 Đối với admin 12

III.2.1 Quản lý sản phẩm 8

III.2.2 Quản lý danh mục sản phẩm 8

III.2.3 Quản lý đánh giá sản phẩm 8

III.2.4 Quản lý đơn hàng 8

III.2.5 Quản lý khách hàng 8

III.2.6 Quản lý thanh toán 8

III.2.7 Quản lý khuyến mãi 8

III.2.8 Quản lý nội dung 8

III.2.9 Quản lý bài blog 8

III.2.10 Phân tích và báo cáo 8

III.2.11 Quản lý bảo mật 8

PHẦN IV: GIỚI THIỆU SẢN PHẨM TRANG WEB 10

PHẦN V: NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 10

TỔNG KẾT 10

LỜI CẢM ƠN 10

TÀI LIỆU THAM KHẢO 10

LỜI CẢM ƠN

Nhóm em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của trường Đại Học Sài Gòn, đặc biệt là các thầy cô khoa Công Nghệ Thông Tin của trường đã tạo điều kiện cho chúng em tiếp cận và tìm hiểu để hoàn thành đồ án môn học Thương mại điện tử Nhóm chúng em cũng xin cảm

ơn đến thầy ThS.Phạm Thi Vương giảng viên giảng dạy đã nhiệt tình hướng dẫn chúng em hoàn thành đồ án lần này

Trong quá trình nghiên cứu và làm bài báo cáo đồ án, do kiến thức cũng như kinh nghiệm thực tế còn nhiều hạn chế nên bài báo cáo không thể tránh khỏi những thiếu sót, chúng em rất mong nhận được ý kiến đóng góp thầy, cô

để chúng em có thể học hỏi được nhiều kĩ năng, kinh nghiệm hơn và sẽ hoàn thành tốt hơn cho những bài báo cáo sắp tới

Nhóm chúng em xin chân thành cảm ơn thầy

GIỚI THIỆU WEBSITE

Mô tả tổng quan về website sẽ xây dựng

Website bán đồ công nghệ của chúng em sẽ là điểm đến toàn diện cho những tín đồ yêu thích công nghệ, cung cấp một kho thông tin phong phú và đa dạng về các thiết bị công nghệ hàng đầu hiện nay Tại đây, người dùng sẽ dễ dàng tìm thấy các sản phẩm như tai nghe, máy tính, Apple Watch, và nhiều thiết bị điện tử khác đến

từ những thương hiệu uy tín Mỗi sản phẩm đều được giới thiệu chi tiết với các thông số kỹ thuật, tính năng nổi bật, đánh giá từ chuyên gia và người dùng, giúp khách hàng dễ dàng so sánh và đưa ra quyết định mua sắm Ngoài ra, website sẽ cập nhật thường xuyên các bài viết phân tích chuyên sâu về xu hướng công nghệ, mẹo sử dụng và các bài đánh giá sản phẩm mới nhất Giao diện thân thiện, tốc độ tải trang nhanh, cùng với quy trình thanh toán và hỗ trợ khách hàng chuyên nghiệp

sẽ mang lại trải nghiệm mua sắm trực tuyến mượt mà và đáng tin cậy

Phạm vi và tính năng của hệ thống website bán đồ công nghệ bao gồm:

- Trang chủ: Hiển thị các sản phẩm nổi bật, khuyến mãi, và xu hướng công nghệ mới Có các banner quảng cáo về chương trình giảm giá và sản phẩm mới, đến các bài blog về công nghệ trang web hướng tới

- Danh mục sản phẩm: Phân loại sản phẩm theo các nhóm chính như tai nghe, laptop, apple watch, phụ kiện, thiết bị thông minh, v.v Người dùng có thể lọc theo giá, nhóm sản phẩm

- Trang chi tiết sản phẩm: Cung cấp thông tin chi tiết về sản phẩm bao gồm giá, mô

tả, thông số kỹ thuật, đánh giá từ người dùng, và hình ảnh

- Giỏ hàng và thanh toán: Người dùng có thể thêm sản phẩm vào giỏ hàng và tiến hành thanh toán trực tuyến qua nhiều hình thức (ví dụ: thẻ ngân hàng, thanh toán sau khi nhận hàng )

- Quản lý đơn hàng: Cho phép khách hàng theo dõi trạng thái đơn hàng và lịch sử mua hàng

- Tài khoản người dùng: Người dùng có thể đăng nhập, đăng ký tài khoản, cập nhật thông tin cá nhân, mật khẩu

- Đánh giá và bình luận: Cho phép khách hàng để lại nhận xét và đánh giá về các sản phẩm

- Hỗ trợ khách hàng: Tích hợp chức năng hỗ trợ trực tuyến như gửi thắc mắc qua email, trực tiếp qua số điện thoại để kịp thời giải đáp thắc mắc mà khách hàng đang gặp phải

Lý do chọn đề tài

Ngày nay, với sự phát triển chóng mặt của ngành công nghệ, các thiết bị hiện đại không ngừng ra đời, đáp ứng nhu cầu ngày càng đa dạng và phức tạp của con người trong nhiều lĩnh vực từ công việc, học tập đến giải trí Các sản phẩm như tai nghe không dây, đồng hồ thông minh, máy tính cá nhân và các phụ kiện điện tử khác đang dần trở thành những công cụ thiết yếu, giúp người dùng kết nối, quản lý thông tin và tối ưu hóa các hoạt động hằng ngày

Cùng với đó, thương mại điện tử đang trên đà phát triển mạnh mẽ, trở thành phương thức mua sắm phổ biến nhờ tính tiện lợi, nhanh chóng và đa dạng lựa chọn Người tiêu dùng hiện nay có xu hướng tìm kiếm và mua sắm trực tuyến các thiết bị công nghệ để tiết kiệm thời gian, dễ dàng so sánh và tham khảo đánh giá trước khi ra quyết định mua hàng Xu hướng này mở ra nhiều cơ hội cho các doanh nghiệp, đồng thời đặt ra yêu cầu cao về trải nghiệm người dùng, bảo mật, và sự chuyên nghiệp của các nền tảng bán hàng trực tuyến

Chính vì vậy, đề tài xây dựng website thương mại điện tử về các thiết bị công nghệ được lựa chọn với mục tiêu đáp ứng nhu cầu thực tiễn và khai thác tiềm năng của thị trường này Website sẽ không chỉ là nơi cung cấp sản phẩm mà còn giúp người dùng có trải nghiệm mua sắm toàn diện, từ thông tin chi tiết sản phẩm, đánh giá khách quan đến quy trình mua hàng an toàn và tiện lợi Đây cũng là cơ hội để áp dụng các kiến thức về thương mại điện tử và công nghệ, góp phần vào sự phát triển

của ngành kinh doanh số hóa trong thời đại mới

PHẦN I KẾ HOẠCH THỰC HIỆN WEBSITE

I.1 Bảng kế hoạch thực hiện

I.2 Bảng phân công công việc và đánh giá mức độ hoàn thành

Nguyễn Hoàng Hải

Nam

Nguyễn Văn Mạnh

PHẦN II CÁCH XÂY DỰNG WEB BÁN HÀNG

II.1 Các thành phần chính để thiết kế, bán hàng, quản lý nội dung

Bước 2: Sau khi đã đăng nhập thành công vào “Create new site” để tạo 1 trang web

Bước 3: Chọn nền tảng muốn sử dụng (Sử dụng cms Wordpress để mà quản lý trang web)

Bước 4: Thiết lập trang web

Tạo 1 trang web mới

Chọn nền tảng WordPress

- Tạo các trường thông tin như: tên trang web, tên miền mặc định, khu vực → Nhấp Continue để hoàn thành thiết lập trang web

Bước 5: Quản lý trang web: quản lý phiên bản, backup, và theo dõi hiệu suất của trang web

Bước 6: Cung cấp một số thông tin để cấu hình trang WordPress của dự án:

Bước 1: Nhập tên của trang web muốn tạo “Site Title”

Bước 2: Nhập tên người dùng để đăng nhập vào bảng điều khiển WordPress

“Username”

Bước 3: Nhập mật khẩu đăng nhập vào trang quản lý WordPress “Password”

Bước 4: Nhập địa chỉ email để nhận thông báo từ trang WordPress và dùng để khôi phục tài khoản khi cần thiết “Your Email”

Bước 5: Lựa chọn xem có cho phép các công cụ tìm kiếm (như Google) lập chỉ mục trang web hay không “Search Engine Visibility”

Bước 6: Sau khi điền xong các thông tin, nhấn vào nút “Install WordPress” để hoàn tất cài đặt

Bước 7: Quản lý với bảng điều khiển WordPress sau khi đã hoàn tất cài đặt

II.3 Plugins

II.3.1 Cách thêm 1 plug in:

Bước 1: Search tên plugin trên thanh tìm kiếm

Bước 2: Nhấn “Install now” plugin muốn sử dụng

Bước 3: Nhấn “Activate” để kích hoạt plugin

II.3.2 Danh sách các plug in được sử dụng cho trang web

Tên Plugin Mô tả chức năng

khuyến mãi

cách kéo và thả

bằng cách hiển thị các thông báo popup

linh hoạt trong trang thanh toán

Header, Footer & Blocks for Elementor Cho phép tùy chỉnh header, footer và

các khối nội dung bằng Elementor Image Optimizer, Compression, Resize

& Optimize Images

Tối ưu hóa hình ảnh, giúp website tải nhanh hơn

năng như bảo mật, sao lưu, tối ưu hóa hiệu suất

MailChimp for WordPress Tích hợp với dịch vụ email marketing

MailChimp

website

các widget và template cao cấp

thay thế hoặc bổ sung cho WooCommerce

III.3.3 Cách xây dựng trang web

- Sử dụng công cụ element để xây dựng giao diện cho trang web

PHẦN III TRÌNH BÀY CHI TIẾT VỀ TRANG WEB

III.1 Đối với người dùng

III.1.1 Giao diện “Đăng ký tài khoản” của trang web

Nhập địa chỉ email cá nhân

Bước 1: Nhập thông tin email

Bước 2: Nhập tên đệm và họ

Bước 3: Nhập mật khẩu đăng nhập

Bước 4: Nhập xác thực lại mật khẩu

Bước 5: Tích chọn chấp nhận điều khoản và chính sách riêng tư

Bước 6: Nhấn nút “ Sign up” để hoàn thành việc đăng ký tài khoản

III.1.2 Giao diện “Đăng nhập tài khoản” của trang web

Bước 1: Nhập thông tin email đăng nhập

Bước 2: Nhập mật khẩu đăng nhập

Bước 3: Nhấn nút “ Sign in” để hoàn thành việc đăng nhập tài khoản

Nhập địa chỉ email

Nhập mật khẩu đăng nhập

Nhấn nút “Sign in” để đăng nhập

III.1.3 Giao diện “Thay đổi mật khẩu đăng nhập” của trang web

Bước 1: Nhập địa chỉ email yêu cầu đổi mật khẩu đăng nhập

Bước 2: Nhấn nút “Email reset link” email sẽ nhận được thư để yêu cầu đổi lại mật khẩu đăng nhập

III.1.4 Giao diện điều hướng “Home” của trang web

Nhập địa chỉ emai

muốn thay đổi mật khẩu

Nhấn nút “Email

reset link”

- Phần header bao gồm các điều hướng sau: Logo, home, shop, about us, blog, contact us, thông tin tài khoản, thanh tìm kiếm và giỏ hàng

- Phần content bao gồm: banner, hiển thị các sản phẩm bán chạy nhất, các bài blog

- Phần footer bao gồm: các doanh nghiệp hợp tác, thông tin công ty, thông tin liên

hệ, liên kết các trang mạng xã hội, subscribe

III.1.5 Giao diện điều hướng “Shop” của trang web

- Tìm kiếm gần đúng bằng thanh tìm kiếm đồng thời hiển thị kèm thông tin sản phẩm như tên, đánh giá, giá gốc và giá sau khi giảm

- Tìm kiếm bằng category, khoảng giá tiền

Bước 1: Tìm kiếm sản phẩm trong khoảng giá mong muốn

Bước 2: Chọn categories để lọc theo loại sản phẩm

Bước 3: Nhấn nút “Filter” để tiến hành lọc sản phẩm

III.1.6 Giao diện điều hướng “Blog” của trang web

- Cung cấp thông tin và kiến thức: Mục “Blog” chứa các bài viết cung cấp thông tin hữu ích, giúp người dùng hiểu rõ hơn về sản phẩm, dịch vụ hoặc lĩnh vực mà trang web hướng đến

Tìm kiếm bằng category Tìm kiếm bằng khoảng giá tiền

dẫn sử dụng, các mẹo, kinh nghiệm hoặc trả lời những câu hỏi phổ biến mà khách hàng thường gặp

- Tăng tương tác và thu hút người dùng: Thông qua nội dung mới và hấp dẫn,

“Blog” giúp thu hút người dùng quay lại trang web để cập nhật thông tin mới, từ

đó tăng lượt truy cập và cải thiện sự tương tác

- Hỗ trợ SEO và cải thiện thứ hạng trang web: Blog với các bài viết tối ưu SEO giúp trang web dễ xuất hiện hơn trên công cụ tìm kiếm, từ đó thu hút lưu lượng truy cập tự nhiên

- Xây dựng thương hiệu và lòng tin: Giúp xây dựng hình ảnh chuyên nghiệp và tạo lòng tin với khách hàng, thể hiện chuyên môn và sự hiểu biết sâu sắc về lĩnh vực

mà trang web hoạt động

III.1.7 Giao diện điều hướng “Contact Us” của trang web

- Hỗ trợ người dùng dễ dàng tìm thấy thông tin liên hệ của trang web, gửi yêu cầu

hỗ trợ, hoặc đặt câu hỏi, tạo kênh giao tiếp giữa khách hàng và doanh nghiệp, tăng cường sự hỗ trợ và phản hồi

III.1.8 Giao diện điều hướng “My Account” của trang web

[1] Xem danh sách mặt hàng đã đặt trên trang web bao gồm: mã đơn hàng, ngày tháng năm đặt, trạng thái của đơn hàng, tổng tiền trên số lượng đặt, actions để coi thông tin chi tiết về sản phẩm đó

- Nhấn vào “View” để có thể xem: chi tiết được đơn hàng, địa chỉ, thông tin cá nhân

3

[2] Chỉnh sửa thông tin billing address và shipping address

Bước 1: Nhập thông tin tên và họ

Bước 2: Nhập tên công ty (nếu có)

Bước 3: Chọn khu vực

Bước 4: Nhập thông tin chi tiết

Bước 5: Nhập thành phố

Bước 6: Nhập mã zip (nếu có)

Bước 7: Nhập số điện thoại

Bước 8: Nhập địa chỉ email

Bước 9: Nhấn nút “Save address” để hoàn tất việc thay đổi thông tin địa chỉ nhận

hàng

[3] Hỉnh sửa thông tin tài khoản: Có thể sửa các thông tin bao gồm: tên, họ, tên hiển thị, email, thay đổi mật khẩu đăng nhập

Bước 1: Nhập thông tin tên và họ

Bước 2: Nhập tên hiển thị tài khoản

Bước 3: Nhập địa chỉ email

Bước 4: Nhập mật khẩu hiện tại

Bước 5: Nhập mật khẩu mới

Bước 6: Nhập xác nhận lại mật khẩu mới

Bước 7: Nhập số điện thoại

Bước 8: Nhấn nút “Save changes” để hoàn tất việc thay đổi thông tin tài khoản đăng nhập

III.1.9 Đăng xuất tài khoản đăng nhập của trang web

III.1.10 Giao diện điều hướng “Xem giỏ hàng” của trang web

[1] Rê chuột vào biểu tượng giỏ hàng sẽ hiện ra các sản phẩm hiện đã được thêm vào giỏ hàng, tổng số tiền của toàn bộ sản phẩm có trong giỏ

[2] Xem chi tiết giỏ hàng

[3] Tiến hành thanh toán

III.1.10.1 Xem chi tiết giỏ hàng của trang web

2

3

1

[1] Thực hiện việc xóa sản phẩm khỏi giỏ hàng

[2] Thay đổi số lượng sản phẩm muốn mua

[3] Nhấn nút “Update Cart” để lưu giỏ hàng sau khi thực hiện việc chỉnh sửa

[4] Chỉnh sửa thông tin address

[5] Nhấn nút “Update” để lưu việc chỉnh sửa thông tin address

[6] Nhấn nút “Proceed to checkout” để tiến hành thanh toán

III.1.10.2 Thanh toán đơn hàng của trang web

Bước 1 Nhập mã giảm giá (nếu có), sau đó nhấn nút “Apply coupon”

Bước 2 Điền thông tin giao hàng từ tên, địa chỉ, số điện thoại, email

Bước 3 Kiểm tra danh sách hiển thị toàn bộ sản phẩm mua

Bước 4 Chọn phương thức thanh toán gồm: Thanh toán sau khi nhận hàng, chuyển

Bước 5 Nhấn nút “Place order” để đặt hàng

Bước 6: Quét mã thanh toán thanh toán (nếu chọn phương thức thanh toán là chuyển khoản)

III.2 Đối với admin

III.2.1 Quản lý sản phẩm

- Lọc sản phẩm theo nhiều tiêu chí khác nhau: loại sản phẩm, trạng thái, danh mục, v.v giúp Admin dễ dàng tìm kiếm và quản lý sản phẩm

- Xem thông tin của từng sản phẩm như: tên sản phẩm, mã sản phẩm (SKU), giá gốc, giá bán, danh mục, thẻ tag, ngày đăng, trạng thái

- Thực hiện các thao tác quản lý sản phẩm như: chỉnh sửa, xóa, xem, nhân bản sản phẩm

- Cách thêm mới 1 sản phẩm