Đồ án 1: Xây dựng website kinh doanh thiết bị điện tử - SV. Hồ Huỳnh Thiện

Trọn bộ đồ án 1 xây dựng website kinh doanh thiết bị điện tử. Báo cáo chi tiết các phần phân tích, thiết kế CSDL, giao diện và kiểm thử.

• Tác giả: Hồ Huỳnh Thiện
• Người hướng dẫn: TS. Đỗ Thị Thanh Tuyền
• Trường học: Trường Đại học Công nghệ thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ phần mềm
• Đề tài: Xây dựng website kinh doanh thiết bị điện tử
• Loại tài liệu: Đồ án
• Năm xuất bản: 2025
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Giới thiệu về Đồ án Xây dựng Website Bán Thiết bị Điện tử

Trong era kỹ thuật số hiện nay, xây dựng website bán thiết bị điện tử đã trở thành một giải pháp kinh doanh thiực tế và hiệu quả. Đề tài này được triển khai tại Trường Đại học Công nghệ Thông tin - ĐHQG TP.HCM, nhằm cung cấp một nền tảng thương mại điện tử chuyên nghiệp cho các cửa hàng bán lẻ. Website bán thiết bị điện tử không chỉ giúp khách hàng dễ dàng tìm kiếm sản phẩm, giá cả mà còn hỗ trợ các hoạt động quản lý đơn hàng, quản lý sản phẩm một cách hiệu quả. Thông qua công nghệ hiện đại, hệ thống cho phép người dùng nhanh chóng và chính xác lựa chọn, đặt hàng các thiết bị điện tử từ xa, tiết kiệm thời gian và công sức.

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

Lý do chọn đề tài xây dựng website bán thiết bị điện tử xuất phát từ nhu cầu thực tế của thị trường hiện nay. Hầu hết các cửa hàng kinh doanh thiết bị điện tử đã áp dụng công nghệ thông tin một cách rộng rãi. Sự phát triển của các framework và ngôn ngữ lập trình hiện đại đã tạo điều kiện thuận lợi cho việc phát triển các ứng dụng web chất lượng cao. Đề tài này giúp đáp ứng nhu cầu tiêu dùng trực tuyến ngày càng tăng của người dùng Việt Nam.

1.2. Phạm vi và mục tiêu dự án

Phạm vi của dự án xây dựng website bán thiết bị điện tử bao gồm việc phát triển hai giao diện chính: giao diện dành cho khách hàng và giao diện dành cho quản trị viên. Mục tiêu chính là xây dựng một nền tảng thương mại điện tử hoàn chỉnh với các chức năng như: tìm kiếm sản phẩm, đặt hàng, thanh toán trực tuyến, quản lý giỏ hàng, đánh giá sản phẩm, và quản lý toàn bộ hoạt động kinh doanh từ phía quản trị viên.

II. Phân tích và Thiết kế Hệ thống Website

Phân tích thiết kế hệ thống website bán thiết bị điện tử là bước quan trọng để đảm bảo chất lượng ứng dụng. Quá trình này bao gồm việc phân tích các yêu cầu chức năng và phi chức năng từ người dùng. Thiết kế hệ thống được thực hiện thông qua các biểu đồ UML như use-case diagram, sequence diagram và class diagram. Những biểu đồ này giúp làm rõ các luồng xử lý, tương tác giữa các module và cấu trúc dữ liệu của ứng dụng. Phân tích cơ sở dữ liệu đóng vai trò thiết yếu trong việc lưu trữ thông tin sản phẩm, khách hàng, đơn hàng và các dữ liệu liên quan khác một cách an toàn và hiệu quả.

2.1. Phân tích nghiệp vụ

Phân tích nghiệp vụ của website bán thiết bị điện tử tập trung vào hai nhóm người dùng chính. Thứ nhất, phía khách hàng có thể xem sản phẩm, tìm kiếm theo danh mục, đăng ký tài khoản, đăng nhập, thêm sản phẩm vào giỏ hàng, thanh toán trực tuyến và đánh giá sản phẩm. Thứ hai, phía quản trị viên có quyền quản lý sản phẩm, danh mục, thương hiệu, đơn hàng, khách hàng, báo cáo doanh thu và các thông tin kinh doanh quan trọng khác.

2.2. Các chức năng chính của hệ thống

Các chức năng chính của website bán thiết bị điện tử bao gồm: xem danh sách sản phẩm, tìm kiếm sản phẩm theo danh mục, xem chi tiết sản phẩm, đăng ký khách hàng mới, đăng nhập, quản lý giỏ hàng, thanh toán, xem lịch sử đơn hàng, và đánh giá sản phẩm. Từ phía quản trị viên: tạo, sửa, xóa sản phẩm, quản lý danh mục, xem báo cáo doanh số, cập nhật trạng thái đơn hàng, và quản lý tài khoản khách hàng.

III. Công nghệ và Công cụ Phát triển

Xây dựng website bán thiết bị điện tử đòi hỏi sử dụng các công nghệ hiện đại và công cụ phát triển chuyên nghiệp. Dự án này sử dụng các framework và ngôn ngữ lập trình phổ biến để đảm bảo hiệu suất, bảo mật và khả năng mở rộng. Visual Studio Code được chọn làm công cụ biên tập code chính vì tính linh hoạt và các extension hỗ trợ phát triển. Cơ sở dữ liệu được thiết kế một cách bình thường hóa để đảm bảo tính toàn vẹn dữ liệu. Kiến trúc hệ thống tuân theo các nguyên tắc thiết kế hiện đại, cho phép dễ dàng bảo trì, cập nhật và mở rộng chức năng trong tương lai.

3.1. Stack công nghệ sử dụng

Stack công nghệ cho website bán thiết bị điện tử được lựa chọn dựa trên độ phổ biến và hiệu suất. Frontend được xây dựng với các công nghệ web hiện đại để tạo giao diện người dùng thân thiện, responsive trên mọi thiết bị. Backend sử dụng các framework mạnh mẽ để xử lý logic kinh doanh và tương tác với cơ sở dữ liệu. Cơ sở dữ liệu được quản lý bằng hệ thống quản lý SQL hiện đại, đảm bảo bảo mật và hiệu suất cao.

3.2. Công cụ phát triển và kiểm thử

Công cụ phát triển chính là Visual Studio Code, một editor mạnh mẽ hỗ trợ debugging và development. Quá trình kiểm thử hệ thống bao gồm kiểm thử chức năng đăng nhập, đăng ký, đặt hàng, quản lý sản phẩm và thanh toán. Kiểm thử hoàn toàn được thực hiện để đảm bảo website bán thiết bị điện tử hoạt động ổn định, an toàn và đáp ứng đầy đủ các yêu cầu của người dùng.

IV. Kết quả Thực hiện và Hướng Phát triển

Website bán thiết bị điện tử đã được phát triển hoàn chỉnh với các giao diện thân thiện cho cả khách hàng và quản trị viên. Giao diện phía khách hàng cung cấp trải nghiệm mua sắm trực tuyến mượt mà, từ tìm kiếm sản phẩm đến thanh toán. Giao diện phía quản trị viên cho phép quản lý toàn bộ hoạt động kinh doanh một cách tập trung và hiệu quả. Hệ thống đã được kiểm thử kỹ lưỡng để đảm bảo độ tin cậy và bảo mật. Dự án xây dựng website bán thiết bị điện tử này có thể được mở rộng với các tính năng thêm, tích hợp nhiều phương thức thanh toán, hỗ trợ nhiều ngôn ngữ và nâng cao trải nghiệm người dùng.

4.1. Giao diện phía khách hàng

Giao diện phía khách hàng được thiết kế với ux/ui hiện đại, dễ sử dụng và hấp dẫn. Người dùng có thể dễ dàng duyệt danh sách sản phẩm, tìm kiếm thiết bị điện tử theo danh mục, xem thông tin chi tiết, thêm vào giỏ hàng và thanh toán. Giao diện trang chủ hiển thị các sản phẩm nổi bật, khuyến mãi hấp dẫn. Trang tài khoản cho phép khách hàng quản lý thông tin cá nhân, xem lịch sử đơn hàng và đánh giá sản phẩm đã mua.

4.2. Giao diện phía quản trị viên và hướng phát triển

Giao diện quản trị viên cung cấp đầy đủ công cụ để quản lý website bán thiết bị điện tử. Quản trị viên có thể tạo, sửa, xóa sản phẩm, quản lý danh mục, xem báo cáo doanh thu, cập nhật trạng thái đơn hàng. Hướng phát triển tương lai bao gồm: tích hợp thanh toán qua ví điện tử, hỗ trợ đa ngôn ngữ, chatbot hỗ trợ khách hàng, nâng cao tính năng tìm kiếm bằng AI, và phát triển ứng dụng mobile.

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

Chương 1: Giới thiệu đề tài: trình bày lý do chọn đề tài, mục đích, đối tượng, phạm vi nghiên cứu của đề tài.  Chương 2: Cơ sở lý thuyết: trình bày cơ sở lý thuyết và phương pháp nghiên cứu lý thuyết.  Chương 3: Phân tích thiết kế hệ thống: phân tích yêu cầu hệ thống, sơ đồ phân rã chức năng, phân tích thiết kế hệ thống.  Chương 4: Xây dựng website: trình bày cách cài đặt, kết quả chương trình, kiểm thử chương trình.

 Chương 5: Kết luận: trình bày ưu điểm, hạn chế và hướng phát triển của ứng dụng. GIỚI THIỆU ĐỀ TÀI 1. Lý do chọn đề tài Trong kỷ nguyên số, thiết bị điện tử đã len lỏi vào mọi ngóc ngách của cuộc sống, từ công việc, học tập, giải trí đến giao tiếp và kết nối. Chúng ta sử dụng điện thoại thông minh để liên lạc, máy tính xách tay để làm việc, TV thông minh để giải trí, và hàng loạt thiết bị gia dụng thông minh khác để hỗ trợ cuộc sống hàng ngày.

Thiết bị điện tử không chỉ đơn thuần là công cụ phục vụ nhu cầu thiết yếu, mà còn là biểu tượng của sự hiện đại, thể hiện cá tính, phong cách sống và đôi khi là cả vị thế xã hội của mỗi người. Việc sở hữu những thiết bị công nghệ tiên tiến, hiện đại nhất trở thành một phần quan trọng trong đời sống tinh thần của nhiều người. Tuy nhiên, việc tìm kiếm và lựa chọn một thiết bị điện tử ưng ý không phải lúc nào cũng dễ dàng. Khách hàng thường phải mất nhiều thời gian di chuyển đến các cửa hàng điện máy, so sánh giá cả, tìm hiểu thông tin sản phẩm từ nhiều nguồn khác nhau.

Quá trình này không chỉ tốn kém thời gian và công sức mà còn gặp khó khăn trong việc tiếp cận thông tin đầy đủ, khách quan về sản phẩm. Đặc biệt, với sự đa dạng về mẫu mã, chủng loại và tính năng của thiết bị điện tử hiện nay, việc đưa ra quyết định mua hàng càng trở nên khó khăn hơn. Trong bối cảnh đó, mua sắm trực tuyến đã trở thành xu hướng tất yếu, đặc biệt là đối với mặt hàng thiết bị điện tử. Khách hàng ngày càng ưa chuộng sự tiện lợi, nhanh chóng và khả năng tiếp cận thông tin đầy đủ mà mua sắm trực tuyến mang lại.

Họ có thể dễ dàng so sánh giá cả giữa các nhà cung cấp, đọc đánh giá từ người dùng khác, tìm hiểu thông tin chi tiết về sản phẩm và đặt hàng mọi lúc mọi nơi chỉ với vài cú nhấp chuột. Hơn nữa, mua sắm trực tuyến còn giúp khách hàng tiết kiệm thời gian di chuyển, tránh được tình trạng chen lấn, xô đẩy tại các cửa hàng vào giờ cao điểm. Chính vì vậy, nhóm quyết định thực hiện đề tài “Xây dựng website kinh doanh thiết bị điện tử”. Website không chỉ là kênh bán hàng hiệu quả mà còn là cầu nối quan 3 trọng giữa doanh nghiệp và khách hàng.

Một website được thiết kế tốt sẽ cung cấp đầy đủ thông tin về sản phẩm, giúp khách hàng dễ dàng tìm kiếm, so sánh và lựa chọn. Đồng thời, website còn là nơi để doanh nghiệp xây dựng thương hiệu, quảng bá sản phẩm và tương tác với khách hàng một cách hiệu quả. Đây chính là cơ hội vàng để các doanh nghiệp kinh doanh thiết bị điện tử tận dụng công nghệ, mở rộng thị trường, nâng cao doanh số và khẳng định vị thế cạnh tranh trên thị trường ngày càng sôi động. Mục đích − Xây dựng một website hỗ trợ mua bán thiết bị điện tử với nội dung phong phú, giao diện trực quan, thân thiện, màu sắc hài hòa, đáp ứng các chức năng cần thiết của một website bán hàng trực tuyến.

− Xây dựng một website dành cho quản trị viên với các chức năng quản lý thông tin đa dạng, tiện dụng. − Xây dựng báo cáo kinh doanh thông minh với bố cục rõ ràng, thông tin cụ thể cho chủ cửa hàng. Đối tượng − Người dùng khách. − Người dùng có tài khoản.

− Quản trị viên (Admin). Phạm vi nghiên cứu 1. Phạm vi môi trường 4 Triển khai sản phẩm đề tài trên môi trường web.2 Phạm vi chức năng − Các chức năng liên quan đến tài khoản: đăng nhập, đăng xuất, quên mật khẩu, thay đổi thông tin tài khoản, … − Các chức năng liên quan đến sản phẩm: tìm kiếm, sắp xếp, lọc, thống kê, đánh giá và bình luận… − Chức năng giỏ hàng, mua hàng, đơn hàng. − Chức năng đăng sản phẩm, xem đánh giá, … − Chức năng quản lý đơn hàng: đơn hàng trực tuyến, lịch sử thanh toán, … − Chức năng quản lý sản phẩm: danh sách sản phẩm, danh mục sản phẩm, danh sách thương hiệu, hàng tồn kho, thẻ quà tặng, … − Chức năng quản lý tài khoản: quản trị viên, nhân viên, khách hàng.

− Chức năng quản lý bài viết. − Chức năng thống kê doanh thu: theo tuần, theo tháng, theo năm. Kiến thức nền tảng Để thiết kế và hoàn thiện sản phẩm đúng với yêu cầu người dùng, em đã vận dụng các kiến thức có liên quan, cụ thể: − Công cụ thiết kế diagram: Draw. − Ngôn ngữ sử dụng: JavaScript, Node.

− Hệ quản trị cơ sở dữ liệu: MongoDB. − Source Control: Github. Công nghệ sử dụng 2. HTML Khái niệm HTML là từ viết tắt của Hypertext Markup Language (ngôn ngữ đánh dấu siêu văn bản) là đoạn code được dùng để tạo nên cấu trúc và nội dung của trang web.

HTML là cốt lõi của mọi trang web. Mỗi trang web được tạo thành từ một loạt các thẻ HTML mà chúng biểu thị từng loại nội dung trên trang. Mỗi loại nội dung trên trang được “bọc”, tức là được bao quanh bởi các thẻ HTML. HTML bao gồm một loạt các thẻ (elements) bọc nhau hoặc không để nhằm mục đích xây dựng kết cấu trang web [1].

Logo HTML Ưu điểm: − Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn. − Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay. − Học HTML khá đơn giản. − Sử dụng mã nguồn mở, hoàn toàn miễn phí.

− HTML là chuẩn web được vận hành bởi W3C. − Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node. Nhược điểm: − Chỉ được áp dụng chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP).

− Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer. − Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một số trình duyệt cũ không render được tag mới. Do đó, dù trong HTML document có sử dụng các tag này thì trình duyệt cũng không đọc được). − Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML.

CSS Cũng giống như HTML, CSS không phải là một ngôn ngữ lập trình. CSS (viết tắt của Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để mô tả trình bày các trang Web, bao gồm màu sắc, cách bố trí và phông chữ. Nó cho phép hiển thị nội dung tương thích trên các loại thiết bị có kích thước màn hình khác nhau, chẳng hạn như màn hình lớn hoặc màn hình nhỏ. Trong khi HTML là cấu trúc cơ bản của trang web.

CSS mang lại cho trang web của bạn phong cách mà bạn muốn. CSS gần như tạo nên bộ mặt của một website [1]. Javascript Javascript là một nền tảng (cross-platform), ngôn ngữ kịch bản hướng đối tượng (object-oriented). Nó là một ngôn ngữ nhỏ và nhẹ.

Chạy trong môi trường máy chủ lưu trữ (ví dụ: Trình duyệt web), JavaScript có thể được kết nối với các đối tượng của môi trường để cung cấp kiểm soát chương trình đối với chúng. JavaScript là ngôn ngữ lập trình dựa trên logic. Nó có thể được sử dụng để sửa đổi nội dung trang web. Và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứng với hành động của người dùng.

Các cách sử dụng phổ biến cho JavaScript bao gồm các hộp xác nhận, kêu gọi hành động và thêm các danh tính mới vào thông tin hiện có [5]. Jquery 8 Jquery Là thư viện mã nguồn mở viết bằng ngôn ngữ javascript, giúp đơn giản cách viết javascript và tăng tốc độ xử lý các sự kiện trên trang web. Ưu điểm − Dễ sử dụng: Đây là lợi thế chính khi sử dụng jquery, nó dễ dàng hơn so với nhiều thư viện javascript chuẩn khác bởi cú pháp đơn giản và bạn chỉ phải viết ít dòng lệnh để tạo ra các chức năng tương tự. Chỉ với 10 dòng lệnh JQuery bạn có thể thay thế cả 20 chục dòng lệnh DOM javaScript, tiết kiệm thời gian của người lập trình.

− Là một thư viện lớn của javascript: Thực thi được nhiều chức năng hơn so với các thư viện javascript khác. − Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn): JQuery đang còn tương đối mới, có một cộng đồng dành thời gian của họ để phát triển các plugin của JQuery. Như vậy có hàng trăm plugin được viết trước đó có sẵn để tải về ngay lập tức để đẩy nhanh quá trình viết code của bạn. Một lợi thế khác đằng sau này là hiệu quả và an toàn của các script.

− Có nhiều tài liệu và hướng dẫn chi tiết: Các trang web JQuery có một toàn bộ tài liệu và hướng dẫn để ngay cả một người mới bắt đầu lập trình cũng có thể làm được quả bóng lăn với thư viện jquery này. − Hỗ trợ ajax: JQuery cho phép bạn phát triển các template Ajax một cách dễ dàng. Ajax cho phép một giao diện kiểu dáng đẹp trên website, các chức năng có thể được thực hiện trên các trang mà không đòi hỏi toàn bộ trang được reload lại. Nhược điểm 9 − Làm client trở nên chậm chạp: Client không những phải chỉ mình hiển thị nữa mà còn phải xử lý nhiều chức năng được tạo thành từ jquery.

Nếu lạm dụng quá nhiều jquery sẽ làm cho client trở nên chậm chạp, đặc biệt những client yếu. Chính vì vậy mà lập trình viên phải dùng thêm cache. − Chức năng có thể không có: JQuery đã có rất nhiều chức năng, tùy thuộc vào yêu cầu trên trang web của bạn. Nhưng nhiều chức năng vẫn chưa được phát triển, do đó bạn vẫn phải sử dụng javascript thuần để xây dựng chức năng này.js là một môi trường chạy JavaScript phía máy chủ (server-side) được xây dựng trên V8 JavaScript Engine của Chrome.

Thay vì dựa trên mô hình xử lý đa luồng (multi-threaded) truyền thống, Node.js sử dụng mô hình sự kiện bất đồng bộ (event-driven, non-blocking I/O) giúp xử lý đồng thời một lượng lớn kết nối mà không tốn nhiều tài nguyên.