Đồ Án Tốt Nghiệp: Xây Dựng Website Thương Mại Điện Tử Kinh Doanh Thiết Bị Di Động

Khám phá cách xây dựng website thương mại điện tử hiệu quả cho kinh doanh thiết bị di động, tối ưu hóa trải nghiệm người dùng và tăng doanh thu.

• Tác giả: Lê Hoàng Lộc
• Người hướng dẫn: ThS. Nguyễn Trần Thi Văn
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Thương Mại Điện Tử Kinh Doanh Thiết Bị Di Động
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2023
• Địa điểm: Tp. Hồ Chí Minh

Mục lục chi tiết

• PHIẾU GIAO ĐỀ TÀI
• PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
• PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
• KẾ HOẠCH THỰC HIỆN, PHÂN CÔNG NHIỆM VỤ
• LỜI CẢM ƠN
• LỜI NÓI ĐẦU
• MỤC LỤC
• DANH MỤC BẢNG
• DANH MỤC HÌNH ẢNH
• PHẦN MỞ ĐẦU
• 1. Tính cấp thiết của đề tài
• 2. Mục đích đề tài
• 3. Cách tiếp cận và nghiên cứu
• 4. Kết quả đạt được
• 1. CHƯƠNG I: CƠ SỞ LÝ THUYẾT
• 1.3. Các thư viện hỗ trợ Front-End Json Web Token
• 2. CHƯƠNG II: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU
• 2.1. Khảo sát hiện trạng
• 2.2. Xác định tác nhân và chức năng của hệ thống. Mô hình hóa yêu cầu
• 3. CHƯƠNG III: THIẾT KẾ HỆ THỐNG
• 4. CHƯƠNG IV: THIẾT KẾ GIAO DIỆN
• 4.1. Trang web phía khách hàng
• 4.2. Trang web phía quản trị viên
• 5. CHƯƠNG V: CÀI ĐẶT VÀ KIỂM THỬ
• 5.1. Môi trường cài đặt và kiểm thử
• 5.2. Cài đặt ứng dụng
• 5.3. Kiểm thử
• 6. CHƯƠNG VI: KẾT LUẬN
• 6.1. Kết quả đạt được
• 6.2. Ưu điểm và hạn chế
• PHỤ LỤC
• 1. Tài khoản liên kết
• TÀI LIỆU THAM KHẢO
• 1. Tiếng việt
• 2. Tiếng anh

Tóm tắt

I. Tổng Quan Về Xây Dựng Website Thương Mại Điện Tử Kinh Doanh Thiết Bị Di Động

Xây dựng website thương mại điện tử kinh doanh thiết bị di động là một xu hướng đang phát triển mạnh mẽ tại Việt Nam. Với sự gia tăng nhanh chóng của số lượng người dùng thiết bị di động, việc tạo ra một nền tảng trực tuyến để phục vụ nhu cầu mua sắm trở nên cần thiết hơn bao giờ hết. Website không chỉ giúp doanh nghiệp tiếp cận khách hàng một cách hiệu quả mà còn tối ưu hóa quy trình bán hàng.

1.1. Tại Sao Nên Xây Dựng Website Thương Mại Điện Tử

Việc xây dựng website thương mại điện tử giúp doanh nghiệp mở rộng thị trường, tăng doanh thu và cải thiện trải nghiệm khách hàng. Theo thống kê, doanh thu từ thương mại điện tử tại Việt Nam đã đạt 21 tỷ USD vào năm 2019 và dự kiến sẽ tiếp tục tăng.

1.2. Lợi Ích Của Website Thương Mại Điện Tử

Website thương mại điện tử mang lại nhiều lợi ích như tiết kiệm chi phí, tăng cường khả năng tiếp cận khách hàng và cải thiện quy trình quản lý kho hàng. Doanh nghiệp có thể dễ dàng quản lý thông tin sản phẩm và đơn hàng thông qua nền tảng trực tuyến.

II. Những Thách Thức Khi Xây Dựng Website Thương Mại Điện Tử

Mặc dù việc xây dựng website thương mại điện tử mang lại nhiều lợi ích, nhưng cũng không thiếu những thách thức. Các doanh nghiệp cần phải đối mặt với sự cạnh tranh khốc liệt, yêu cầu về bảo mật thông tin và tối ưu hóa trải nghiệm người dùng.

2.1. Cạnh Tranh Trong Thị Trường

Thị trường thương mại điện tử đang ngày càng trở nên đông đúc với nhiều đối thủ cạnh tranh. Doanh nghiệp cần có chiến lược marketing hiệu quả để nổi bật giữa đám đông.

2.2. Bảo Mật Thông Tin Khách Hàng

Bảo mật thông tin khách hàng là một trong những yếu tố quan trọng nhất. Doanh nghiệp cần áp dụng các biện pháp bảo mật như mã hóa dữ liệu và xác thực hai yếu tố để bảo vệ thông tin người dùng.

III. Phương Pháp Xây Dựng Website Thương Mại Điện Tử Hiệu Quả

Để xây dựng một website thương mại điện tử thành công, doanh nghiệp cần áp dụng các phương pháp và công nghệ hiện đại. Sử dụng các công nghệ như MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) là một lựa chọn tối ưu.

3.1. Sử Dụng MERN Stack Để Xây Dựng Website

MERN stack cho phép phát triển ứng dụng web một cách nhanh chóng và hiệu quả. MongoDB giúp quản lý dữ liệu linh hoạt, trong khi ReactJS cung cấp giao diện người dùng mượt mà.

3.2. Tối Ưu Hóa Trải Nghiệm Người Dùng

Tối ưu hóa trải nghiệm người dùng là rất quan trọng. Doanh nghiệp cần đảm bảo rằng website hoạt động mượt mà trên các thiết bị di động và có giao diện thân thiện.

IV. Ứng Dụng Thực Tiễn Của Website Thương Mại Điện Tử

Website thương mại điện tử không chỉ là một công cụ bán hàng mà còn là một nền tảng để tương tác với khách hàng. Các doanh nghiệp có thể sử dụng website để thu thập phản hồi và cải thiện dịch vụ.

4.1. Quản Lý Kho Hàng Trực Tuyến

Quản lý kho hàng trực tuyến giúp doanh nghiệp theo dõi tình trạng hàng hóa một cách hiệu quả. Hệ thống có thể tự động cập nhật số lượng hàng tồn kho và thông báo khi cần bổ sung.

4.2. Thanh Toán Trực Tuyến An Toàn

Hệ thống thanh toán trực tuyến cần đảm bảo an toàn và tiện lợi cho người dùng. Doanh nghiệp nên tích hợp nhiều phương thức thanh toán để đáp ứng nhu cầu của khách hàng.

V. Kết Luận Về Xây Dựng Website Thương Mại Điện Tử

Xây dựng website thương mại điện tử kinh doanh thiết bị di động là một bước đi cần thiết cho các doanh nghiệp trong thời đại số. Với sự phát triển không ngừng của công nghệ, việc tối ưu hóa website sẽ giúp doanh nghiệp duy trì vị thế cạnh tranh.

5.1. Tương Lai Của Thương Mại Điện Tử Tại Việt Nam

Thương mại điện tử tại Việt Nam dự kiến sẽ tiếp tục phát triển mạnh mẽ trong những năm tới. Doanh nghiệp cần nắm bắt xu hướng và áp dụng công nghệ mới để không bị tụt lại phía sau.

5.2. Lời Khuyên Cho Doanh Nghiệp Mới

Doanh nghiệp mới nên bắt đầu từ những bước cơ bản, như nghiên cứu thị trường và xác định đối tượng khách hàng mục tiêu. Việc đầu tư vào công nghệ và marketing là rất quan trọng để đạt được thành công.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Sự phát triển của Công nghệ thông tin và viễn thông (CNTT) đã thúc đẩy thương mại điện tử trở thành xu hướng toàn cầu hóa. Tại Việt Nam, sự gia tăng nhanh chóng của hạ tầng Internet kéo theo sự chuyển dịch phương thức kinh doanh của các doanh nghiệp lên môi trường mạng. Theo số liệu từ văn bản khóa luận, doanh số thương mại điện tử tại Việt Nam đạt mức 21 tỷ USD và có tiềm năng chạm ngưỡng 39 tỷ USD vào năm 2019. Cùng với đó, lượng người dùng điện thoại thông minh tại Việt Nam ghi nhận trên 61 triệu người, số lượng thiết bị di động có sóng kết nối đạt 145,8 triệu (vượt quy mô dân số 96,9 triệu dân), và số người truy cập website đạt 68,17 triệu người (theo thống kê kết nối Việt Nam). Trước nhu cầu tiêu thụ và tìm kiếm thông tin thiết bị công nghệ ngày càng cao, việc xây dựng một hệ thống website thương mại điện tử chuyên biệt kinh doanh thiết bị di động mang tính cấp thiết về mặt thực tiễn và kinh tế.

Đề tài “Xây dựng website thương mại điện tử kinh doanh thiết bị di động” xác định các mục tiêu và nhiệm vụ nghiên cứu cụ thể như sau:

1. Xây dựng website cung cấp giao diện cho người dùng có nhu cầu mua sắm thiết bị di động (Customer - Buyer).
2. Xây dựng hệ thống quản lý nội dung và bán hàng dành cho doanh nghiệp (CMS - Administrator).
3. Phát triển, kế thừa các phần tối ưu nhất từ đề tài môn học Tiểu luận chuyên ngành (TLCN) trên nền tảng MERN stack, đồng thời bổ sung các chức năng đã thống nhất triển khai.
4. Tổng hợp các khối kiến thức chuyên ngành để hoàn thiện báo cáo khóa luận tốt nghiệp hoàn chỉnh.

Đối tượng nghiên cứu của đề tài bao gồm:

• Phía người bán (Doanh nghiệp): Khảo sát mô hình hoạt động của các hệ thống bán lẻ thiết bị di động quy mô lớn, có độ phủ rộng khắp các tỉnh thành tại Việt Nam như Thế Giới Di Động (TGDĐ), CellphoneS, Hoàng Hà Mobile (Hoàng Hà).
• Phía người mua: Toàn bộ tệp khách hàng thuộc mọi độ tuổi có nhu cầu tra cứu thông tin, so sánh và mua bán các sản phẩm thiết bị di động trên nền tảng trực tuyến.

Phạm vi nghiên cứu:

• Về mặt lý thuyết: Nghiên cứu cấu trúc, vai trò của website thương mại điện tử; phân tích lợi ích và các thành phần của bộ công nghệ MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS).
• Về mặt kỹ thuật và lập trình: Xây dựng hệ thống quản lý sản phẩm, danh mục, giỏ hàng, đặt hàng, xử lý thanh toán, phân quyền người dùng, quản lý phiên và phản hồi đánh giá sản phẩm.
• Về mặt không gian và thời gian: Ứng dụng tích hợp dịch vụ giao hàng tại các tỉnh thành Việt Nam; tiến độ thực hiện đề tài diễn ra trong thời gian 15 tuần (hoàn thành vào tháng 12 năm 2023).

---

Cơ sở lý thuyết và phương pháp

Khóa luận xây dựng hệ thống dựa trên nền tảng kiến trúc công nghệ MERN stack kết hợp các thư viện bổ trợ hiện đại, bao gồm:

• ReactJS: Thư viện mã nguồn mở JavaScript phía máy khách do Facebook phát triển. Điểm cốt lõi được tác giả khai thác là kiến trúc cây thành phần (Component) lồng nhau (cha - con), cho phép tái sử dụng và chia sẻ dữ liệu qua thuộc tính (props). ReactJS sử dụng cú pháp JSX và cơ chế Document Object Model ảo (Virtual DOM) để so sánh (diffing), chỉ render lại chính xác các phần tử bị biến đổi nhằm tối ưu hóa hiệu năng tải trang.
• Redux & QueryRTK: Thư viện quản lý trạng thái tập trung (Store) theo kiến trúc một chiều: Actions -> Dispatcher -> Store -> Reducers. Nhóm tác giả áp dụng công cụ QueryRTK (thuộc bộ Redux Toolkit, ra mắt quý 1/2021) để thực thi các yêu cầu HTTP và đồng bộ dữ liệu API từ máy chủ, đóng vai trò giải pháp thay thế cho Axios.
• NodeJS & ExpressJS: NodeJS là môi trường thực thi (runtime) JavaScript phía máy chủ, xây dựng trên nền tảng V8 JavaScript Engine của Google (Ryan Dahl phát triển năm 2009), chuyển đổi mã nguồn JavaScript thành mã máy bytecode. Kiến trúc của NodeJS xử lý dựa trên cơ chế đơn luồng (Single Thread), Hàng đợi sự kiện (Event Queue), Vòng lặp sự kiện (Event Loop) và Nhóm luồng (Thread Pool) để giải quyết các tác vụ bất đồng bộ non-blocking I/O. ExpressJS được áp dụng làm web framework hỗ trợ định tuyến và xây dựng các dịch vụ RESTful API.
• MongoDB: Hệ quản trị cơ sở dữ liệu hướng tài liệu NoSQL. Cấu trúc lưu trữ dựa trên các Collection và Document định dạng kiểu JSON/BSON linh hoạt. Tác giả vận dụng các cơ chế: truy vấn Ad-Hoc, nhân bản dữ liệu Replica Set (với bản sao chính và bản sao phụ thứ cấp để đảm bảo tính toàn vẹn khi có sự cố), mô hình tổng hợp dữ liệu Aggregation Pipeline, cơ chế cân bằng tải Sharding phân vùng qua Shard key, và các tập hợp giới hạn kích thước (Capped Collections).
• Cơ chế xác thực và bảo mật: Áp dụng tiêu chuẩn JSON Web Token (JWT) gồm 3 phần (Header, Payload, Signature) mã hóa bằng thuật toán HMAC hoặc RSA, gửi kèm qua Header mỗi yêu cầu HTTP để kiểm soát phiên và phân quyền truy cập. Đồng thời, hệ thống tích hợp thư viện GoogleAPI để xác thực người dùng thông qua bên thứ ba (Google OAuth) và Facebook.
• Các thư viện giao diện và tiện ích: Material UI (hệ thống component của Google), SASS, React Slick, React Dropzone, Bootstrap.

Phương pháp nghiên cứu thực tế bao gồm:

• Phương pháp khảo sát hiện trạng: Khảo sát trực tiếp cấu trúc giao diện, luồng mua hàng và tính năng của các nền tảng thương mại điện tử cùng ngành (Hoanghamobile.com, Fptshop.com.vn) và khác ngành (hệ thống đặt lịch, bán sản phẩm 30shine.com).
• Phương pháp phân tích và mô hình hóa: Phân tích quy trình kinh doanh, xây dựng danh sách yêu cầu chức năng (Functional Requirements - Bảng 5) và phi chức năng (Non-functional Requirements - Bảng 6). Xây dựng lược đồ Use case tổng thể và chi tiết cho từng tác nhân (Khách hàng và Quản trị viên).
• Phương pháp thiết kế hướng dữ liệu: Xây dựng sơ đồ quan hệ thực thể (ERD) và thiết kế cấu trúc các bảng/bộ sưu tập dữ liệu cho MongoDB.
• Phương pháp kiểm thử: Áp dụng kỹ thuật kiểm thử chức năng (Functional Testing) dạng hộp đen đối với cả hai phân hệ khách hàng và quản trị viên theo các kịch bản định sẵn.

Nguồn dữ liệu của đề tài bắt nguồn từ việc tổng hợp số liệu thống kê kết nối Internet, thương mại điện tử tại Việt Nam và việc trích xuất, tham chiếu danh mục sản phẩm công nghệ từ các chuỗi bán lẻ thiết bị di động trong nước.

---

Thiết kế và triển khai hệ thống

Hệ thống được thiết kế phân tầng theo mô hình Client - Server, chia làm hai phân hệ người dùng độc lập: Phân hệ khách hàng (Buyer) và Phân hệ quản trị (Administrator/CMS).

Tích hợp dịch vụ và API bên thứ ba

Tên dịch vụ / API	Chức năng tích hợp trong hệ thống
Giao Hàng Nhanh (GHN)	Trích xuất danh mục tỉnh/thành phố tại Việt Nam và tính toán phí vận chuyển tự động dựa trên địa chỉ của khách hàng.
PayPal API	Xử lý thanh toán đơn hàng trực tuyến qua cổng thanh toán quốc tế PayPal.
Cloudinary	Lưu trữ và phân phối tài nguyên hình ảnh đại diện của người dùng và hình ảnh sản phẩm.
Socket.IO	Thiết lập kết nối thời gian thực phục vụ tính năng cuộc hội thoại nội bộ giữa các quản trị viên.
Google API & Facebook SDK	Xác thực đăng nhập nhanh cho người dùng thông qua tài khoản mạng xã hội.

Cấu trúc cơ sở dữ liệu MongoDB

Mô hình ERD của hệ thống được hiện thực hóa qua các bộ sưu tập dữ liệu (Collections) phục vụ toàn diện các nghiệp vụ thương mại điện tử:

• Bảng Người dùng (Bảng 29): Lưu thông tin tài khoản, mật khẩu mã hóa, vai trò, thông tin liên hệ và sổ địa chỉ.
• Bảng Sản phẩm (Bảng 30): Lưu tên thiết bị, giá tiền, hình ảnh, mô tả chi tiết, số lượng tồn kho và các trường kỹ thuật.
• Bảng Hãng sản xuất (Bảng 31) & Bảng Danh mục (Bảng 32): Nhóm sản phẩm theo thương hiệu (Apple, Samsung...) và chủng loại (Điện thoại, Laptop, Tablet, Phụ kiện).
• Bảng Hệ điều hành (Bảng 33): Phân loại thiết bị theo nền tảng hệ điều hành.
• Bảng Nhận xét (Bảng 34): Lưu trữ các đánh giá, bình luận, số sao và phản hồi hỏi đáp liên quan đến sản phẩm.
• Bảng Sản phẩm trong giỏ hàng (Bảng 35): Quản lý trạng thái giỏ hàng tạm thời và số lượng chọn mua của từng người dùng.
• Bảng Mã giảm giá (Bảng 37): Quản lý các voucher khuyến mãi, tỷ lệ giảm trừ hoặc sự kiện bán hàng.
• Bảng Đơn hàng: Lưu trữ thông tin đơn hàng, trạng thái thanh toán, quy trình xử lý đơn, địa chỉ giao nhận và tổng tiền.

---

Nội dung chính theo từng chương

Phần mở đầu

Tác giả nêu rõ tính cấp thiết của đề tài trong bối cảnh thương mại điện tử bùng nổ, xác định mục tiêu xây dựng hệ thống website thương mại điện tử kinh doanh thiết bị di động hoàn chỉnh cho hai nhóm đối tượng: khách hàng và nhà quản trị. Văn bản trình bày cách tiếp cận từ khảo sát người bán doanh nghiệp lớn (TGDĐ, CellphoneS, Hoàng Hà) đến tệp khách hàng mua sắm; xác định phạm vi lý thuyết xoay quanh MERN stack và phạm vi thực thi bao quát từ quản lý dữ liệu, giao diện, giỏ hàng, thanh toán đến bảo mật phiên.

Chương I: Cơ sở lý thuyết

Chương này tập trung trình bày các nền tảng kỹ thuật cốt lõi:

• Phân tích cơ chế Virtual DOM và luồng truyền dữ liệu Component trong ReactJS.
• Trình bày kiến trúc Redux với các thành phần Actions, Reducers, Store, Dispatcher; giới thiệu thư viện QueryRTK thay thế Axios và Material UI hỗ trợ thiết kế thành phần giao diện.
• Trình bày sâu về kiến trúc máy chủ NodeJS với V8 engine, cơ chế điều phối qua Event Queue, Event Loop, Thread Pool và External Resources; vai trò của bộ quản lý gói NPM.
• Giới thiệu các đặc tính của hệ quản trị cơ sở dữ liệu NoSQL MongoDB: truy vấn Ad-Hoc, kiến trúc chịu lỗi Replica Set, đường ống Aggregation Pipeline, cân bằng tải Sharding và cấu trúc Capped Collection.
• Phân tích chuẩn bảo mật JSON Web Token (JWT) với cấu trúc 3 phần (header, payload, chữ ký số) phục vụ xác thực người dùng.

Chương II: Khảo sát hiện trạng và mô hình hoá yêu cầu

Chương này ghi nhận quá trình đánh giá thực tế các website:

• Hoàng Hà Mobile: Bố cục chia khối rõ ràng với các danh mục tiêu biểu (Apple Authorised Reseller, Điện thoại nổi bật, Máy tính bảng, Phụ kiện). Quy trình mua hàng có hiển thị tóm tắt khi hover, trang chi tiết có phần hỏi đáp và đánh giá. Hạn chế ghi nhận là thiếu tính năng theo dõi trạng thái đơn hàng, hủy đơn hoặc kết nối giải quyết sự cố đơn hàng.
• FPT Shop: Bố cục và trải nghiệm mua sắm có nét tương đồng với Hoàng Hà, phân loại theo các danh mục lớn, gam màu tối dịu mắt. Điểm yếu là cơ chế xác thực chưa tối ưu (chỉ đăng nhập bằng số điện thoại, thiếu tài khoản cố định).
• 30Shine (Khảo sát ngoài ngành): Nghiên cứu luồng đặt lịch và mô hình bán lẻ sản phẩm chuyên ngành chăm sóc tóc nam để học hỏi ý tưởng thiết kế giao diện và dịch vụ.
• Mô hình hóa yêu cầu: Thiết lập Bảng yêu cầu chức năng (Bảng 5), Bảng yêu cầu phi chức năng (Bảng 6) và lược đồ Use case tổng quát. Đặc tả chi tiết 22 ca sử dụng tiêu biểu từ Bảng 7 đến Bảng 28 (Đăng ký, Đăng nhập, Xem sản phẩm, Tìm kiếm, Lọc theo hãng/giá, Giỏ hàng, Đặt hàng, Đánh giá, Hỏi đáp, Quản lý tài khoản, Quản lý người dùng, Quản lý sản phẩm, Quản lý đơn hàng).

Nền tảng khảo sát	Điểm mạnh về giao diện và chức năng	Điểm hạn chế được nhóm nghiên cứu chỉ ra
Hoàng Hà Mobile	Giao diện xanh - trắng dịu mắt; bố cục danh mục rõ ràng; có tương tác hover xem nhanh và mục hỏi đáp/đánh giá tại chi tiết sản phẩm.	Quy trình đặt hàng chưa hiển thị rõ trạng thái đơn; chưa hỗ trợ hủy đơn hàng hoặc liên hệ trực tiếp về đơn hàng đã đặt.
FPT Shop	Gam màu dịu mắt, tránh mỏi mắt trong điều kiện thiếu sáng; điều hướng danh mục lớn thuận tiện; giỏ hàng trực quan.	Khâu xác thực chưa hoàn thiện, không hỗ trợ tài khoản/mật khẩu cố định mà phụ thuộc hoàn toàn vào mã qua số điện thoại.
30Shine	Mô hình kết hợp đa dạng giữa dịch vụ đặt lịch trực tuyến và trang thương mại điện tử chuyên biệt (30 Shop).	Khác biệt về bản chất ngành hàng, chủ yếu mang giá trị tham khảo về tư duy tổ chức luồng trải nghiệm người dùng.

Chương III: Thiết kế hệ thống

Chương này cụ thể hóa hệ thống thông qua Lược đồ thực thể liên kết (ERD - Hình 55). Chi tiết hóa cấu trúc dữ liệu của các thực thể chính từ Bảng 29 đến Bảng 37, định nghĩa rõ ràng các trường dữ liệu cho Người dùng, Sản phẩm, Hãng sản xuất, Danh mục, Hệ điều hành, Nhận xét, Sản phẩm trong giỏ hàng và Mã giảm giá.

Chương IV: Thiết kế giao diện

Mô tả chi tiết hệ thống giao diện hai phía dựa trên bản mẫu thiết kế Figma và mã nguồn thực thi:

• Phía khách hàng: Thành phần trang chủ (Bảng 38, Hình 56), thanh Header trước và sau xác thực (Bảng 39, Hình 57-59), banner sự kiện Event2 (Bảng 40), các khối sản phẩm Trendy, Discount, Service Recommended (Bảng 41-43), Danh sách và Chi tiết sản phẩm (Bảng 44-45), Modal giỏ hàng và thanh toán (Bảng 46, Hình 68-71), Lịch sử đơn hàng (Bảng 49), Giao diện đăng ký/đăng nhập (Bảng 50-52), Trang so sánh sản phẩm (Hình 83-84) và Cập nhật địa chỉ người dùng (Bảng 53-54).
• Phía quản trị viên: Trang chủ Admin với thanh điều hướng (Bảng 55-57), các biểu đồ thống kê đơn hàng, doanh thu, cơ cấu danh mục và người dùng chi tiêu cao (Hình 89-92), Trang quản lý người dùng và danh sách đã xóa (Bảng 59, 61), Trang quản lý sản phẩm, chỉnh sửa và thêm mới sản phẩm (Bảng 62-65), Trang quản lý và chi tiết đơn hàng (Bảng 66-67).

Chương V: Cài đặt và kiểm thử

Trình bày cấu hình môi trường cài đặt phần mềm. Tiến hành các ca kiểm thử chức năng theo hai bảng tổng hợp:

• Bảng 68: Kiểm thử chức năng phía người dùng (Kiểm thử đăng ký, đăng nhập, tìm kiếm, lọc sản phẩm, thêm giỏ hàng, thanh toán qua cổng trực tuyến, đánh giá, hỏi đáp, cập nhật sổ địa chỉ).
• Bảng 69: Kiểm thử chức năng phía quản trị viên (Kiểm thử đăng nhập quản trị, duyệt đơn hàng, cập nhật trạng thái đơn, thêm/sửa/xóa sản phẩm, khôi phục sản phẩm đã xóa, quản lý phân quyền người dùng).

Chương VI: Kết luận

Tổng kết lại toàn bộ khối lượng công việc đã đạt được, nêu bật các ưu điểm về mặt giao diện, hiệu năng cơ sở dữ liệu và xác định các hạn chế tồn đọng trong quá trình triển khai thực tế.

---

Kết quả và đóng góp

Khóa luận đã ghi nhận các kết quả cụ thể thông qua hệ thống phần mềm hoàn chỉnh:

• Xây dựng thành công hệ sinh thái web thương mại điện tử hoạt động ổn định trên bộ công nghệ MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS).
• Hiện thực hóa đầy đủ quy trình đặt hàng và bán lẻ: từ duyệt danh mục sản phẩm, tìm kiếm, lọc đa tiêu chí (theo hãng sản xuất, tầm giá), đưa vào giỏ hàng, áp dụng voucher khuyến mãi đến thanh toán trực tuyến.
• Hoàn thiện tích hợp hệ thống API phong phú: API Giao Hàng Nhanh (GHN) để tự động hóa tính cước vận chuyển theo địa bàn tỉnh thành; API PayPal để thanh toán điện tử; Cloudinary để lưu trữ ảnh người dùng; Socket.IO cho luồng trao đổi nội bộ quản trị viên; JWT và Google OAuth cho bảo mật xác thực phiên làm việc.
• Xây dựng bảng điều khiển quản trị (Dashboard) với các biểu đồ trực quan hóa dữ liệu kinh doanh: biểu đồ thống kê theo số lượng đơn hàng, biểu đồ doanh thu, thống kê sản phẩm bán theo danh mục và bảng xếp hạng khách hàng có mức chi tiêu cao.
• Thực hiện kiểm thử toàn diện các ca sử dụng theo Bảng 68 (phía người dùng) và Bảng 69 (phía quản trị viên), đảm bảo tất cả chức năng đáp ứng đúng kịch bản đề ra.

Đóng góp của khóa luận:

• Kế thừa và nâng cấp các giải pháp kỹ thuật từ đồ án môn học Tiểu luận chuyên ngành (TLCN), chuẩn hóa mã nguồn front-end với cơ chế quản lý state hiện đại bằng Redux Toolkit và QueryRTK.
• Giải quyết được các khiếm khuyết trong quy trình đặt hàng mà nhóm đã phát hiện khi khảo sát các website lớn trên thị trường (cho phép người dùng theo dõi lịch sử đơn hàng chi tiết, xem trạng thái đơn, quản lý sổ địa chỉ giao hàng linh hoạt).

---

Hạn chế và hướng nghiên cứu tiếp

Hạn chế của đề tài:

• Do giới hạn về thời gian triển khai (15 tuần) và kinh nghiệm thực tiễn của nhóm sinh viên, một số tính năng mở rộng được xếp vào diện tùy chọn vẫn chưa được hoàn thiện triệt để, tiêu biểu là tích hợp cổng thanh toán nội địa MoMo và module hội thoại thời gian thực qua Socket.IO giữa các quản trị viên.
• Đồ án chưa thực hiện các bài đo kiểm chuyên sâu về tải trọng lớn (Stress testing, Load testing) để đánh giá khả năng chịu tải của hệ thống khi có lượng truy cập đồng thời đột biến.

Hướng nghiên cứu và phát triển tiếp theo:

• Hoàn thiện kết nối và xử lý giao dịch thực tế với cổng thanh toán điện tử MoMo.
• Nâng cấp và đưa vào vận hành trơn tru phân hệ trao đổi thông tin trực tiếp giữa các cấp quản trị viên thông qua thư viện Socket.IO.
• Tối ưu hóa các đường ống truy vấn Aggregation Pipeline của MongoDB nhằm cải thiện tốc độ xử lý khi cơ sở dữ liệu gia tăng về quy mô bản ghi.

---

Giá trị tham khảo

Báo cáo khóa luận là tài liệu tham khảo hữu ích cho các nhóm đối tượng:

• Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Là tài liệu tham khảo trực quan, chi tiết về quy trình hoàn thiện một đồ án tốt nghiệp chuyên ngành phần mềm từ khâu lập kế hoạch 15 tuần, phân công nhiệm vụ, khảo sát hiện trạng thị trường, mô hình hóa hệ thống bằng UML đến thiết kế kiến trúc và kiểm thử.
• Lập trình viên nghiên cứu MERN Stack: Cung cấp mẫu hình triển khai thực tế của bộ công nghệ MERN (MongoDB, ExpressJS, ReactJS, NodeJS) đi kèm các công cụ quản lý trạng thái mới như QueryRTK và phương thức bảo mật phiên bằng JSON Web Token kết hợp OAuth.

Phần nội dung có giá trị tham khảo cao nhất:

• Chương II (Mô hình hóa yêu cầu): Hệ thống hóa chi tiết các ca sử dụng từ Bảng 7 đến Bảng 28, là khuôn mẫu chuẩn để sinh viên tham khảo khi viết đặc tả use case cho các hệ thống thương mại điện tử.
• Chương III và IV (Thiết kế hệ thống & Giao diện): Cung cấp mô hình lược đồ quan hệ thực thể (ERD) hoàn chỉnh và cách tổ chức các bảng dữ liệu tương thích với cơ sở dữ liệu hướng tài liệu MongoDB.
• Chương V (Kiểm thử): Cung cấp bảng thiết kế kịch bản kiểm thử hộp đen chi tiết cho cả hai góc độ người dùng và nhà quản trị.

---

Câu hỏi thường gặp

1. Hệ thống website sử dụng kiến trúc công nghệ nào làm nền tảng chính?
Hệ thống được phát triển dựa trên bộ công nghệ MERN stack, bao gồm MongoDB (Cơ sở dữ liệu NoSQL), ExpressJS (Web framework máy chủ), ReactJS (Thư viện xây dựng giao diện người dùng) và NodeJS (Môi trường runtime JavaScript phía máy chủ).

2. Quá trình xác thực và quản lý phiên của người dùng được hiện thực bằng cơ chế nào?
Hệ thống sử dụng cơ chế JSON Web Token (JWT) với chuỗi mã hóa gồm 3 phần (Header, Payload, Chữ ký số HMAC/RSA) gắn kèm vào Header mỗi yêu cầu gửi lên máy chủ để phân quyền. Ngoài ra, hệ thống tích hợp thư viện GoogleAPI cho phép người dùng đăng nhập bằng tài khoản Google và Facebook.

3. Khóa luận đã khảo sát những website thực tế nào và nhóm tác giả đã rút ra các khiếm khuyết gì từ các website đó?
Nhóm tác giả đã tiến hành khảo sát trực tiếp Hoanghamobile.com, Fptshop.com.vn và 30shine.com. Qua đó, nhóm chỉ ra các khiếm khuyết của các hệ sinh thái này như: thiếu tính năng theo dõi trạng thái đơn hàng chi tiết, thiếu tính năng hủy đơn hàng sau khi đặt (ở Hoàng Hà Mobile), hoặc quy trình xác thực lỏng lẻo khi chỉ phụ thuộc vào số điện thoại mà không hỗ trợ tài khoản/mật khẩu cố định (ở FPT Shop).

4. Cơ sở dữ liệu MongoDB trong đồ án quản lý những thực thể dữ liệu chính nào?
Hệ thống thiết kế mô hình dữ liệu (ERD) gồm các thực thể cốt lõi từ Bảng 29 đến Bảng 37, bao gồm: Người dùng (Users), Sản phẩm (Products), Hãng sản xuất (Brands), Danh mục (Categories), Hệ điều hành (Operating Systems), Nhận xét/Đánh giá (Reviews), Sản phẩm trong giỏ hàng (Cart Items) và Mã giảm giá (Discount Vouchers).

5. Đồ án tích hợp những dịch vụ của bên thứ ba nào để giải quyết bài toán nghiệp vụ bán hàng?
Hệ thống tích hợp API của Giao Hàng Nhanh (GHN) để đồng bộ danh mục tỉnh/thành phố và tính cước vận chuyển tự động, cổng thanh toán quốc tế PayPal API để thanh toán trực tuyến, dịch vụ Cloudinary để quản lý kho ảnh, và thư viện Socket.IO hỗ trợ kết nối thời gian thực cho quản trị viên.

---

Kết luận

Đồ án tốt nghiệp “Xây dựng website thương mại điện tử kinh doanh thiết bị di động” của nhóm tác giả Lê Hoàng Lộc và Đặng Lê Quang đã hoàn thành toàn diện các mục tiêu nghiên cứu và phát triển phần mềm đề ra theo kế hoạch 15 tuần. Hệ thống đã hiện thực hóa giải pháp thương mại điện tử hoàn chỉnh trên nền tảng MERN stack, tối ưu hóa giao diện với ReactJS/QueryRTK và kết nối linh hoạt các dịch vụ GHN, PayPal, Cloudinary. Công trình là tài liệu tham khảo học thuật và kỹ thuật có giá trị thực tiễn cao cho sinh viên ngành Công nghệ thông tin trong việc nghiên cứu, phân tích và triển khai các hệ thống web thương mại hiện đại.

Trích đoạn nội dung tài liệu

Chương I: Cơ sở lý thuyết 19 1.3 Các thư viện hỗ trợ Front-End.6 Json Web Token. 27 Chương II: Khảo sát hiện trạng và mô hình hoá yêu cầu 28 Mục lục Trang 4 Đồ án tốt nghiệp 2. Khảo sát hiện trạng 28 2. Xác định tác nhân và chức năng của hệ thống.

Mô hình hoá yêu cầu. 57 Chương III. Thiết kế hệ thống 88 Chương IV: Thiết kế giao diện 95 4. Trang web phía khách hàng 95 4.

Trang web phía quản trị viên 121 Chương V: Cài đặt và kiểm thử 138 5. Môi trường cài đặt và kiểm thử 138 5. Cài đặt ứng dụng 138 5. Kiểm thử 145 Chương VI: Kết luận 148 6.

Kết quả đạt được 148 6. Ưu điểm và hạn chế 148 Phụ lục 150 1. Tài khoản liên kết 150 TÀI LIỆU THAM KHẢO 151 Tiếng việt 151 Tiếng anh 151 Mục lục Trang 5 Đồ án tốt nghiệp DANH MỤC BẢNG Bảng 1 Bộ phận khách hàng. 51 Bảng 2 Bộ phận quản lý người dùng.

52 Bảng 3 Bộ phận quản lý kho. 52 Bảng 4 Bộ phận quản lý bán hàng. 53 Bảng 5 Yêu cầu chức năng hệ thống. 54 Bảng 6 Yêu cầu phi chức năng.

55 Bảng 7 Usecase đăng ký. 59 Bảng 8 Usecase đăng nhập. 61 Bảng 9 Usecase xem danh sách sản phẩm. 62 Bảng 10 Usecase tìm sản phẩm.

63 Bảng 11 Usecase lọc sản phẩm theo hãng. 65 Bảng 12 Usecase lọc sản phẩm theo giá. 66 Bảng 13 Usecase xem chi tiết sản phẩm. 68 Bảng 14 Usecase đăng xuất.

70 Bảng 15 Usecase thêm sản phẩm vào giỏ hàng. 72 Bảng 16 Usecase xem giỏ hàng. 73 Bảng 17 Usecase cập nhật số lượng. 75 Bảng 18 Usecase xoá sản phẩm.

75 Bảng 19 Usecase đặt hàng. 76 Bảng 20 Usecase đánh giá. 77 Bảng 21 Usecase hỏi đáp sản phẩm. 78 Bảng 22 Usecase xem thông tin tài khoản.

79 Danh mục bảng Trang 6 Đồ án tốt nghiệp Bảng 23 Usecase đặt hàng. 81 Bảng 24 Usecase xem lịch sử đơn hàng. 83 Bảng 26 Quản lý người dùng. 84 Bảng 27 Quản lý sản phẩm.

86 Bảng 28 Quản lý đơn hàng. 87 Bảng 29 Người dùng. 89 Bảng 30 Sản phẩm. 90 Bảng 31 Hãng sản xuất.

91 Bảng 32 Danh mục. 91 Bảng 33 Hệ điều hành. 92 Bảng 34 Nhận xét. 92 Bảng 35 Sản phẩm trong giỏ hàng.

93 Bảng 37 Mã giảm giá. 94 Bảng 38 Thành phần trang chủ. 95 Bảng 39 Thành phần thanh header. 96 Bảng 40 Thành phần Event2.

97 Bảng 41 Các thành phần khác: Trendy, discount, P003. 98 Bảng 42 Các thành phần khác: Service Recommended, P004. 100 Bảng 43 Các thành phần còn lại: News, P005. 101 Bảng 44 Danh sách sản phẩm.

104 Bảng 45 Chi tiết sản phẩm. 104 Bảng 46 Modal thêm sản phẩm. 105 Bảng 47 Thành phần thông số kĩ thuật. 106 Danh mục bảng Trang 7 Đồ án tốt nghiệp Bảng 48 Đánh giá sản phẩm.

107 Bảng 49 Chi tiết đơn hàng đã mua. 112 Bảng 50 Trang đăng ký. 112 Bảng 51 Form đăng ký. 113 Bảng 52 Trang đăng nhập.

114 Bảng 53 Thành phần thêm địa chỉ mới. 117 Bảng 54 Thành phần xoá địa chỉ. 118 Bảng 55 Trang chủ (Admin). 121 Bảng 56 Menu chưa xác thực.

122 Bảng 57 Menu đã xác thực. 122 Bảng 58 Thành phần thông tin đơn hàng gần nhất. 125 Bảng 59 Trang quản lý người dùng. 126 Bảng 60 Trang đăng nhập (Admin).

127 Bảng 61 Trang danh sách người dùng đã xoá. 128 Bảng 62 Trang quản lý sản phẩm. 130 Bảng 63 Trang chỉnh sửa thông tin sản phẩm. 131 Bảng 64 Trang danh sách sản phẩm đã xoá.

132 Bảng 65 Trang thêm sản phẩm. 134 Bảng 66 Trang quản lý đơn hàng. 135 Bảng 67 Trang chi tiết đơn hàng. 137 Bảng 68 Kiểm thử chức năng phía người dùng.

146 Bảng 69 Kiểm thử chức năng phía Admin. 147 Danh mục bảng Trang 8 Đồ án tốt nghiệp DANH MỤC HÌNH ẢNH Hình 1 Quy trình cơ bản đạt được. 18 Hình 2 Mô hình virtual DOM. 19 Hình 3 Quản lý state React.

20 Hình 4 Mô hình Redux. 21 Hình 5 Kiến trúc NodeJS. 23 Hình 6 Môi trường chạy Javascript. 25 Hình 8 Mô hình Json web token.

29 Hình 10 Danh sách sản phẩm Hoangha. 30 Hình 11Danh sách sản phẩm Hoangha 2. 30 Hình 12 Danh sách sản phẩm Hoangha 3. 31 Hình 13 Danh mục sản phẩm Hoangha.

31 Hình 14 Trải nghiệm mua hàng Hoangha. 32 Hình 15 Chi tiết sản phẩm Hoangha. 33 Hình 16 Phần trao đổi, đánh giá về sản phẩm Hoangha. 33 Hình 17 Modal mua hàng Hoangha.

34 Hình 18 Modal mua hàng Hoangha. 34 Hình 19 Phiếu đặt hàng Hoangha. 35 Hình 20 Trang chủ FPT. 36 Hình 21 Trang chủ FPT 2.

36 Hình 22 Thanh chuyển hướng FPT. 37 Hình 23 Danh sách sản phẩm FPT. 37 Danh mục hình ảnh Trang 9 Đồ án tốt nghiệp Hình 24 Danh sách sản phẩm FPT. 38 Hình 25 Chi tiết sản phẩm FPT.

39 Hình 26 Modal đặt hàng FPT. 40 Hình 27 Trang chủ 30Shine. 43 Hình 28 Ảnh bìa 30Shine. 44 Hình 29 Giới thiệu dịch vụ 30Shine.

45 Hình 30 Trang web thương mại điện tử 30 shop. 46 Hình 31 Chi tiết sản phẩm 30 shop. 46 Hình 32 Trang tìm kiếm địa chỉ 30 shop. 47 Hình 33 Thành viên 30Shine.

47 Hình 34 Trải nghiệm dịch vụ 30Shine. 48 Hình 35 Đặt lịch 30Shine. 48 Hình 36 Lược đồ Use case. 57 Hình 37 Usecase đăng ký.

58 Hình 38 Usecase đăng nhập. 60 Hình 39 Usecase xem danh sách sản phẩm. 61 Hình 40 Usecase tìm sản phẩm. 62 Hình 41 Usecase lọc sản phẩm theo hãng.

64 Hình 42 Usecase xem chi tiết sản phẩm. 67 Hình 43 Usecase đăng xuất. 69 Hình 44 Usecase thêm sản phẩm vào giỏ hàng. 71 Hình 45 Usecase xem giỏ hàng.

72 Hình 46 Đánh giá. 77 Hình 47 Usecase hỏi đáp sản phẩm. 78 Hình 48 Usecase xem thông tin tài khoản. 79 Danh mục hình ảnh Trang 10 Đồ án tốt nghiệp Hình 49 Usecase đặt hàng.

80 Hình 50 Usecase xem lịch sử đơn hàng. 83 Hình 52 Quản lý người dùng. 84 Hình 53 Quản lý sản phẩm. 85 Hình 54 Quản lý đơn hàng.

87 Hình 55 Lược đồ ERD. 88 Hình 56 Trang chủ. 95 Hình 57 Thanh header. 96 Hình 58 Thanh header sau khi xác thực.

96 Hình 59 Thanh header trước khi xác thực. 96 Hình 60 Thành phần Event2. 97 Hình 61 Các thành phần khác: Service Recommended, P004. 99 Hình 62 Danh sách sản phẩm.

103 Hình 63 Chi tiết sản phẩm. 104 Hình 64 Modal thêm sản phẩm. 105 Hình 65 Thành phần thông số kĩ thuật. 105 Hình 66 Đánh giá sản phẩm.

106 Hình 67 Modal đánh giá sản phẩm. 107 Hình 68 Giỏ hàng chưa có sản phẩm. 108 Hình 69 Giỏ hàng đã có sản phẩm. 108 Hình 70 Thành phần thông tin giao nhận hàng.

109 Hình 71 Thành phần thông tin thanh toán. 110 Hình 72 Lịch sử đơn hàng. 110 Hình 73 Thành phần đơn hàng đã mua. 111 Danh mục hình ảnh Trang 11 Đồ án tốt nghiệp Hình 74 Chi tiết đơn hàng đã mua.

111 Hình 75 Trang đăng ký. 112 Hình 76 Form đăng ký. 113 Hình 77 Trang đăng nhập. 114 Hình 78 Trang thông tin người dùng.

115 Hình 79 Thành phần cập nhật ảnh đại diện. 115 Hình 80 Thành phần cập nhật thông tin. 116 Hình 81 Thành phần cập nhật địa chỉ. 116 Hình 82 Thành phần thêm địa chỉ mới.

117 Hình 83 So sánh sản phẩm. 119 Hình 84 Chi tiết so sánh sản phẩm. 120 Hình 85 Trang chủ (Admin). 121 Hình 86 Menu chưa xác thực.

121 Hình 87 Menu đã xác thực. 122 Hình 88 Thành phần P003. 122 Hình 89 Biểu đồ thống kê theo số lượng đơn hàng. 123 Hình 90 Biểu đồ thống kê theo doanh thu.

123 Hình 91 Biểu đồ thống kê số lượng bán theo danh mục. 124 Hình 92 Thành phần danh sách người dùng có chi tiêu cao. 124 Hình 93 Thành phần thông tin đơn hàng gần nhất. 125 Hình 94 Trang quản lý người dùng.

126 Hình 95 Trang đăng nhập (Admin). 127 Hình 96 Trang danh sách người dùng đã xoá. 128 Hình 97 Trang quản lý sản phẩm. 129 Hình 98 Trang chỉnh sửa thông tin sản phẩm.

130 Danh mục hình ảnh Trang 12 Đồ án tốt nghiệp Hình 99 Trang danh sách sản phẩm đã xoá. 132 Hình 100 Trang thêm sản phẩm. 133 Hình 101 Trang quản lý đơn hàng. 135 Hình 102 Trang chi tiết đơn hàng.

136 Danh mục hình ảnh Trang 13 Đồ án tốt nghiệp PHẦN MỞ ĐẦU 1. Tính cấp thiết của đề tài Trong thập kỷ gần đây, Công nghệ thông tin và viễn thông (CNTT) đã phát triển mạnh mẽ trở thành một xu hướng toàn cầu. Các lĩnh vực khác cũng nhanh chóng áp dụng CNTT vào hoạt động kinh doanh và phát triển nhanh chóng. Sự gặp gỡ giữa hai lĩnh vực hàng đầu thế giới, CNTT và thương mại, đã tạo ra một lĩnh vực mới là Thương mại điện tử - một lĩnh vực tiềm năng và đã trở thành một xu hướng của thời đại toàn cầu hóa.

Việt Nam cũng không nằm ngoài xu hướng này, với sự gia tăng nhanh chóng của kết nối Internet tạo ra một làn sóng tìm kiếm thông tin trên toàn quốc. Các doanh nghiệp lớn và nhỏ đều đã nhận thấy và nhanh chóng đưa thông tin về sản phẩm, liên lạc và các thông tin khác của doanh nghiệp lên Internet để tiến hành buôn bán. Thương mại điện tử, với tính nhanh chóng, tiện lợi và tiết kiệm, đã trở thành một giải pháp tối ưu và thậm chí là bắt buộc đối với mọi doanh nghiệp muốn phát triển. Với mức doanh số 21 tỷ USD và tiềm năng tiếp tục tăng lên 39 tỷ USD tại Việt Nam vào năm 2019, Thương mại điện tử đã trở thành một phần không thể thiếu trong doanh nghiệp ở Việt Nam.

Việc sử dụng điện thoại thông minh tại Việt Nam đang ngày càng gia tăng, với hơn 61 triệu người sử dụng.