Dự Án Tốt Nghiệp Về Thiết Kế và Triển Khai Website Thương Mại Điện Tử Đồ Điện Tử

Khám phá thiết kế và triển khai website thương mại điện tử cho ngành điện tử, tối ưu hóa trải nghiệm người dùng và tăng doanh thu.

• Tác giả: Tran Dinh Hoang
• Người hướng dẫn: Prof. Kim Dinh Thai
• Trường học: Vietnam National University, Hanoi International School
• Chuyên ngành: Informatics and Computer Engineering
• Đề tài: Thiết Kế và Triển Khai Website Thương Mại Điện Tử Đồ Điện Tử
• Loại tài liệu: graduation project
• Năm xuất bản: 2024
• Địa điểm: Hanoi

Mục lục chi tiết

• SUMMARY OF CONTENTS OF THE GRADUATION PROJECT
• THANK YOU
• 1. CHAPTER 1: OVERVIEW
• 1.1. Reason for choosing the topic
• 1.2. Purpose - Research and learn the process of building a website to sell computers online using Laravel framework
• 1.3. Object and scope of inquiry
• 1.4. System survey
• 1.5. Conclusion
• 2. CHAPTER 2: THEORETICAL BASIS
• 2.1. Database
• 2.2. The role of HTML in web programming
• 2.3. The role of CSS in web programming
• 2.4. Development history of PHP
• 2.5. PHP operating process
• 2.6. Advantages and disadvantages of PHP language
• 2.7. What is framework?
• 2.8. What is MVC pattern
• 2.9. Introducing the Laravel framework
• 2.10. Overview of basic features of Laravel
• 2.11. Advantages and disadvantages
• 2.12. Diagrams in UML
• 2.13. Explanation of symbols
• 3. CHAPTER 3: SYSTEM DESIGN ANALYSIS
• 3.1. Non-functional requirements
• 3.2. System design analysis
• 3.2.1. General Usecase Diagram
• 3.2.2. Login Usecase Diagram
• 3.2.3. Usecase for product portfolio management
• 3.2.4. Product management usecases
• 3.2.5. Manufacturer management usecase
• 3.2.6. Usecase manages product attributes
• 3.2.7. Keyword management usecase
• 3.2.8. Usecase manages article categories
• 3.2.9. Usecase for article management
• 3.2.10. Usecase for order management
• 3.2.11. Usecase for user management
• 3.2.12. Review management usecase
• 3.2.13. Contact management usecase
• 3.2.14. Usecase for slide management
• 3.2.15. Event management usecase
• 3.2.16. Usecase for static site management
• 3.2.17. Statistics management usecase
• 3.2.18. Customer functional usecase
• 3.3. Login function activity diagram
• 3.4. Registration function activity diagram
• 3.5. Functional activity chart for adding new product categories
• 3.6. Activity chart of product catalog editing function
• 3.7. Activity diagram of the product category deletion function
• 3.8. Functional activity chart added new comments
• 3.9. Activity diagram of the comment deletion function
• 3.10. Newly added functional activity chart for evaluation
• 3.11. Activity diagram of the review deletion function
• 3.12. Activity diagram of the function of adding new articles
• 3.13. Activity chart of adding new slide function
• 3.14. Activity diagram of slide editing function
• 3.15. Activity diagram of the slide deletion function
• 3.16. Activity diagram of the article editing function
• 3.17. Activity diagram of the post deletion function
• 3.18. Activity chart for adding new products
• 3.19. Product repair function activity chart
• 3.20. Activity diagram of the product deletion function
• 3.21. Activity diagram of the user deletion function
• 3.22. Activity chart of order processing function
• 3.23. Entity association model
• 4. CHAPTER 4: INSTALLATION AND TESTING RESULTS
• 4.1. Administration page interface
• 4.2. Statistics page interface
• 4.3. Admin information page interface
• 4.4. Product catalog interface
• 4.5. Manufacturer management interface
• 4.6. Product data management page interface
• 4.7. Warehouse management page interface
• 4.8. Product management page interface
• 4.9. Interface of article category management page
• 4.10. Article management page interface
• 4.11. User account management page interface
• 4.12. Inventory management page interface
• 4.13. Review list page interface
• 4.14. Product comment list page interface
• 4.15. Admin management page interface
• 4.16. Order management page interface
• 4.17. Slide management page interface
• 4.18. Event management page interface
• 4.19. The page interface manages static pages
• 4.20. Home page interface
• 4.21. Product review and comment interface
• 4.22. Product detail interface
• 4.23. Article detail interface
• 4.24. Shopping cart interface
• 4.25. Interface for sending contact information
• 4.26. Search page interface
• 4.27. Account information page interface
• 4.28. Payment page interface
• CONCLUSION AND DEVELOPMENT DIRECTIONS

Tóm tắt

I. Giới Thiệu Dự Án Thiết Kế Website Đồ Điện Tử Chuyên Nghiệp

Trong bối cảnh công nghệ số phát triển mạnh mẽ, thương mại điện tử đã trở thành một phần không thể thiếu của nền kinh tế hiện đại. Dự án thiết kế và triển khai website thương mại điện tử đồ điện tử không chỉ là một yêu cầu tốt nghiệp, mà còn là một bước tiến quan trọng để đáp ứng nhu cầu mua sắm trực tuyến ngày càng tăng của người tiêu dùng. Mục tiêu chính của dự án là xây dựng một nền tảng website đồ điện tử online toàn diện, từ thiết kế giao diện website đồ điện tử thân thiện, đến các chức năng quản lý website thương mại điện tử hiệu quả. Dự án này sẽ tập trung vào việc ứng dụng các công nghệ tiên tiến như Laravel framework (dựa trên tài liệu gốc), đảm bảo tính bảo mật, SEO website đồ điện tử, và trải nghiệm người dùng tối ưu.

1.1. Tầm Quan Trọng Của Website Thương Mại Điện Tử Đồ Điện Tử

Website thương mại điện tử đồ điện tử đóng vai trò then chốt trong việc mở rộng phạm vi tiếp cận khách hàng và tăng doanh thu. Thay vì giới hạn ở cửa hàng truyền thống, doanh nghiệp có thể tiếp cận hàng triệu khách hàng tiềm năng trên toàn quốc, thậm chí trên toàn thế giới. Thiết kế website bán đồ điện tử chuyên nghiệp giúp xây dựng uy tín thương hiệu, tạo dựng lòng tin với khách hàng, và cung cấp trải nghiệm mua sắm thuận tiện. Theo tài liệu, "E-commerce" mang lại nhiều lợi ích không chỉ cho doanh nghiệp mà còn cho người tiêu dùng, như tiết kiệm thời gian và chi phí mua sắm.

1.2. Mục Tiêu Cụ Thể Của Dự Án Thiết Kế Website Bán Hàng

Dự án đặt ra mục tiêu xây dựng một website bán hàng trực tuyến hoàn chỉnh, tích hợp đầy đủ các chức năng cần thiết như: quản lý sản phẩm, giỏ hàng, thanh toán trực tuyến, quản lý khách hàng và hệ thống đánh giá sản phẩm. Đồng thời, website cần được tối ưu hóa cho SEO, đảm bảo bảo mật website thương mại điện tử, và tương thích trên nhiều thiết bị khác nhau (responsive design, mobile friendly). Dự án cũng hướng đến việc phân tích đối thủ cạnh tranh, xây dựng kế hoạch marketing online, và phân tích dữ liệu website để liên tục cải thiện hiệu quả hoạt động.

II. Phân Tích Yêu Cầu Thiết Kế Website Thương Mại Điện Tử Chuẩn SEO

Để thiết kế website thương mại điện tử thành công, cần phân tích kỹ lưỡng các yêu cầu về chức năng, giao diện, hiệu năng, và bảo mật. Giao diện cần thân thiện, dễ sử dụng, và phù hợp với trải nghiệm người dùng (UX). Chức năng cần đầy đủ, từ quản lý sản phẩm đến thanh toán trực tuyến, API vận chuyển. Hiệu năng cần đảm bảo tốc độ tải trang nhanh, khả năng chịu tải cao. Bảo mật cần được ưu tiên hàng đầu để bảo vệ thông tin khách hàng và dữ liệu giao dịch. Website cần tuân thủ các tiêu chuẩn SEO để tăng khả năng hiển thị trên các công cụ tìm kiếm như Google (sử dụng Google Analytics, Google Search Console). Phân tích yêu cầu cũng bao gồm việc xác định đối tượng mục tiêu và phân tích đối thủ cạnh tranh.

2.1. Nghiên Cứu Thị Trường Đồ Điện Tử Online Hiện Nay

Thị trường đồ điện tử online đang chứng kiến sự cạnh tranh gay gắt giữa các nhà bán lẻ lớn và các cửa hàng nhỏ lẻ. Người tiêu dùng ngày càng có nhiều lựa chọn hơn, đòi hỏi các website thương mại điện tử phải không ngừng cải thiện chất lượng sản phẩm, dịch vụ, và trải nghiệm mua sắm. Phân tích đối thủ cạnh tranh là một bước quan trọng để xác định điểm mạnh, điểm yếu của mình và đưa ra các chiến lược khác biệt hóa. Theo tài liệu, tác giả đã thực hiện "khảo sát một số trang web bán máy tính trực tuyến," và đưa ra những nhận xét về ưu và nhược điểm của từng trang.

2.2. Xác Định Chức Năng Cần Thiết Cho Website Bán Đồ Điện Tử

Website cần cung cấp đầy đủ các chức năng cơ bản như: hiển thị sản phẩm, tìm kiếm sản phẩm, giỏ hàng, thanh toán, giao hàng, quản lý tài khoản khách hàng, đánh giá sản phẩm. Ngoài ra, có thể tích hợp thêm các chức năng nâng cao như: so sánh sản phẩm, gợi ý sản phẩm liên quan, chatbot hỗ trợ trực tuyến, chương trình khuyến mãi, tích điểm, v.v. Phân tích mô hình kinh doanh online và xác định các chức năng phù hợp sẽ giúp website hoạt động hiệu quả và thu hút khách hàng.

2.3. Yêu Cầu Về Giao Diện Người Dùng UI và Trải Nghiệm UX

Giao diện website cần được thiết kế trực quan, dễ sử dụng, và hấp dẫn về mặt thị giác. Các yếu tố như màu sắc, font chữ, hình ảnh cần được lựa chọn kỹ lưỡng để tạo ra một trải nghiệm người dùng tích cực. Trải nghiệm người dùng (UX) cần được tối ưu hóa để đảm bảo khách hàng dễ dàng tìm kiếm sản phẩm, thực hiện thanh toán, và nhận được hỗ trợ khi cần thiết. Thiết kế giao diện người dùng (UI) cần tuân thủ các nguyên tắc thiết kế hiện đại và phù hợp với phong cách thương hiệu.

III. Lựa Chọn Nền Tảng Hướng Dẫn Triển Khai Website Bán Đồ Điện Tử

Việc lựa chọn nền tảng phù hợp là một quyết định quan trọng ảnh hưởng đến sự thành công của dự án. Có nhiều lựa chọn khác nhau, từ các nền tảng mã nguồn mở như WooCommerce, Magento, đến các nền tảng SaaS như Shopify. Mỗi nền tảng đều có ưu nhược điểm riêng, cần cân nhắc kỹ lưỡng các yếu tố như: chi phí, khả năng tùy biến, cộng đồng hỗ trợ, tính bảo mật, khả năng mở rộng. Trong dự án này, việc sử dụng Laravel framework (như trong tài liệu gốc) là một lựa chọn phù hợp, đặc biệt khi cần xây dựng một website có nhiều chức năng tùy chỉnh và yêu cầu bảo mật cao.

3.1. Đánh Giá Ưu Nhược Điểm Của Các Nền Tảng Thương Mại Điện Tử

Mỗi nền tảng thương mại điện tử đều có những ưu và nhược điểm riêng. Shopify dễ sử dụng, phù hợp với người mới bắt đầu, nhưng chi phí hàng tháng khá cao. WooCommerce miễn phí, có nhiều plugin mở rộng, nhưng đòi hỏi kiến thức kỹ thuật để cài đặt và cấu hình. Magento mạnh mẽ, linh hoạt, phù hợp với các doanh nghiệp lớn, nhưng phức tạp và tốn kém. Laravel framework cho phép tùy biến cao, nhưng đòi hỏi kỹ năng lập trình tốt. Cần cân nhắc kỹ lưỡng các yếu tố này để đưa ra lựa chọn phù hợp với ngân sách, kỹ năng, và mục tiêu kinh doanh.

3.2. Sử Dụng Laravel Framework Cho Website Thương Mại Điện Tử

Laravel framework là một lựa chọn tốt cho việc xây dựng website thương mại điện tử đồ điện tử bởi vì nó cung cấp một cấu trúc code rõ ràng, dễ bảo trì, và có nhiều tính năng bảo mật tích hợp sẵn. Theo tài liệu, dự án sử dụng Laravel framework để xây dựng website bán máy tính trực tuyến. Laravel cũng có cộng đồng hỗ trợ lớn, cung cấp nhiều tài liệu hướng dẫn và thư viện mở rộng. Việc sử dụng framework giúp tiết kiệm thời gian và công sức phát triển, đồng thời đảm bảo tính ổn định và bảo mật của website.

IV. Thiết Kế Triển Khai Cách Xây Dựng Website Bán Đồ Điện Tử

Sau khi lựa chọn nền tảng, bước tiếp theo là thiết kế giao diện và triển khai website. Thiết kế giao diện website đồ điện tử cần chú trọng đến tính thẩm mỹ, dễ sử dụng, và phù hợp với phong cách thương hiệu. Triển khai website thương mại điện tử bao gồm việc cài đặt nền tảng, cấu hình các chức năng, tích hợp các API thanh toán, API vận chuyển, và tối ưu hóa SEO. Quá trình này đòi hỏi kiến thức về lập trình, thiết kế, và marketing. Việc sử dụng các công cụ hỗ trợ như Git, Docker, và các dịch vụ hosting uy tín sẽ giúp quá trình triển khai diễn ra suôn sẻ.

4.1. Thiết Kế Cơ Sở Dữ Liệu Database Cho Website Bán Hàng

Database là nơi lưu trữ toàn bộ dữ liệu của website, bao gồm thông tin sản phẩm, khách hàng, đơn hàng, v.v. Thiết kế database hiệu quả là yếu tố quan trọng để đảm bảo hiệu năng và khả năng mở rộng của website. Cần xác định rõ các bảng dữ liệu, các trường dữ liệu, và các mối quan hệ giữa các bảng. Việc sử dụng các công cụ quản lý database như MySQL (theo tài liệu gốc) sẽ giúp quá trình thiết kế và quản lý database trở nên dễ dàng hơn.

4.2. Phát Triển Frontend Backend Cho Dự Án Website Bán Đồ Điện Tử

Frontend là phần giao diện mà người dùng nhìn thấy và tương tác. Backend là phần xử lý dữ liệu và logic của website. Phát triển frontend đòi hỏi kiến thức về HTML, CSS, JavaScript, và các framework như ReactJS, Angular, VueJS. Phát triển backend đòi hỏi kiến thức về PHP, NodeJS, Python, Java, và các framework như Laravel, ExpressJS, Django. Sự phối hợp nhịp nhàng giữa frontend và backend là yếu tố quan trọng để tạo ra một website hoạt động trơn tru và hiệu quả.

4.3. Tối Ưu SEO Website Đồ Điện Tử Để Tăng Traffic Doanh Số

SEO website đồ điện tử là quá trình tối ưu hóa website để tăng khả năng hiển thị trên các công cụ tìm kiếm. Điều này bao gồm việc tối ưu hóa tiêu đề, mô tả, từ khóa, nội dung, liên kết, và tốc độ tải trang. Sử dụng các công cụ như Google Analytics, Google Search Console để theo dõi hiệu quả SEO và đưa ra các điều chỉnh phù hợp. SEO là một quá trình liên tục, đòi hỏi sự kiên trì và nỗ lực.

V. Kiểm Thử Triển Khai Đảm Bảo Hoạt Động Website Bán Đồ Điện Tử

Sau khi thiết kế và triển khai, website cần được kiểm thử kỹ lưỡng để đảm bảo hoạt động ổn định và không có lỗi. Kiểm thử bao gồm kiểm thử chức năng, kiểm thử hiệu năng, kiểm thử bảo mật, và kiểm thử khả năng tương thích. Sau khi kiểm thử thành công, website có thể được deployment lên server và công bố cho người dùng. Việc hosting website trên một server ổn định và bảo mật là yếu tố quan trọng để đảm bảo website luôn hoạt động tốt. Ngoài ra, cần đăng ký domain cho website để người dùng có thể dễ dàng truy cập.

5.1. Kiểm Thử Chức Năng Hiệu Năng Website Bán Đồ Điện Tử

Kiểm thử chức năng đảm bảo rằng tất cả các chức năng của website hoạt động đúng như mong đợi. Kiểm thử hiệu năng đảm bảo rằng website có thể xử lý một lượng lớn truy cập mà không bị chậm hoặc sập. Sử dụng các công cụ kiểm thử tự động sẽ giúp quá trình kiểm thử trở nên nhanh chóng và hiệu quả hơn. Phát hiện và sửa chữa các lỗi kịp thời là yếu tố quan trọng để đảm bảo trải nghiệm người dùng tốt.

5.2. Đảm Bảo An Toàn Website TMĐT Với Chứng Chỉ SSL và Các Biện Pháp

Bảo mật website thương mại điện tử là yếu tố sống còn để bảo vệ thông tin khách hàng và dữ liệu giao dịch. Cài đặt chứng chỉ SSL để mã hóa dữ liệu truyền tải giữa website và người dùng. Sử dụng các biện pháp bảo mật như firewall, phần mềm diệt virus, và các bản vá bảo mật. Thường xuyên kiểm tra và cập nhật các biện pháp bảo mật để đối phó với các mối đe dọa mới.

5.3. Triển Khai Website Bán Đồ Điện Tử và Theo Dõi Hiệu Quả Hoạt Động

Sau khi kiểm thử và bảo mật, website có thể được triển khai lên server. Sử dụng các công cụ theo dõi hiệu quả hoạt động như Google Analytics để theo dõi lượng truy cập, tỷ lệ chuyển đổi, và các chỉ số quan trọng khác. Phân tích dữ liệu và đưa ra các điều chỉnh phù hợp để liên tục cải thiện hiệu quả hoạt động của website.

VI. Kết Luận Triển Vọng Dự Án Website Thương Mại Điện Tử Tương Lai

Dự án thiết kế và triển khai website thương mại điện tử đồ điện tử không chỉ là một bài tập tốt nghiệp, mà còn là một bước khởi đầu cho một hành trình kinh doanh đầy tiềm năng. Với sự phát triển không ngừng của công nghệ và sự thay đổi trong thói quen mua sắm của người tiêu dùng, thương mại điện tử sẽ tiếp tục đóng vai trò quan trọng trong nền kinh tế. Việc xây dựng một website chuyên nghiệp, hiệu quả, và bảo mật sẽ giúp các doanh nghiệp nắm bắt cơ hội và thành công trên thị trường cạnh tranh.

6.1. Bài Học Kinh Nghiệm Từ Quá Trình Thiết Kế Website Bán Đồ Điện Tử

Quá trình thiết kế website bán đồ điện tử mang lại nhiều bài học kinh nghiệm quý giá về lập trình, thiết kế, marketing, và quản lý dự án. Việc đối mặt với các thách thức và tìm ra các giải pháp sáng tạo giúp nâng cao kỹ năng và kiến thức. Quan trọng hơn, dự án giúp hiểu rõ hơn về nhu cầu của thị trường và cách xây dựng một sản phẩm đáp ứng nhu cầu đó.

6.2. Hướng Phát Triển Website Thương Mại Điện Tử Đồ Điện Tử Trong Tương Lai

Trong tương lai, website thương mại điện tử đồ điện tử có thể được phát triển thêm nhiều tính năng mới, như tích hợp trí tuệ nhân tạo (AI) để cá nhân hóa trải nghiệm mua sắm, sử dụng thực tế ảo (VR) để cho phép khách hàng xem sản phẩm một cách chân thực hơn, và ứng dụng blockchain để tăng cường bảo mật và minh bạch. Việc liên tục cập nhật và cải tiến website là yếu tố quan trọng để duy trì lợi thế cạnh tranh và đáp ứng nhu cầu ngày càng cao của khách hàng.

Nội dung chính

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

Trong bối cảnh công nghệ thông tin và công nghệ web phát triển mạnh mẽ, thương mại điện tử đã trở thành một công cụ hỗ trợ thiết thực cho hoạt động kinh doanh và quản lý doanh nghiệp. Sự thay đổi trong lối sống hiện đại khiến nhu cầu mua sắm trực tuyến ngày càng gia tăng, giúp người tiêu dùng tiết kiệm thời gian và chi phí so với phương thức mua sắm truyền thống tại cửa hàng.

Về mặt công nghệ xây dựng hệ thống bán hàng, tác giả đã tiến hành so sánh giữa hai nền tảng cơ bản: ứng dụng di động (mobile app) và ứng dụng web (website):

• Ứng dụng di động: Đòi hỏi người dùng phải tải ứng dụng về điện thoại thông minh; khi có phiên bản mới, người dùng phải cập nhật hoặc tải lại. Đồng thời, nhà phát triển phải tối ưu hóa giao diện cho nhiều dòng thiết bị di động khác nhau để tránh vỡ khung hình.
• Website: Cho phép người dùng truy cập trực tiếp qua trình duyệt trên máy tính, điện thoại hoặc thiết bị có kết nối Internet. Khi hệ thống cập nhật phiên bản mới, người dùng chỉ cần tải lại trang. Ứng dụng web có tính tương thích đa nền tảng cao và vận hành ổn định trên các trình duyệt tiêu chuẩn.

Từ cơ sở đó, đồ án lựa chọn đề tài "Xây dựng website bán máy tính trực tuyến sử dụng Laravel framework" (Project: Design and Implementation of an Electronics E-commerce Website) nhằm đáp ứng nhu cầu mua sắm thiết bị điện tử của khách hàng và hỗ trợ quản lý kinh doanh.

Mục tiêu và nhiệm vụ nghiên cứu

1. Tìm hiểu và nghiên cứu quy trình xây dựng hệ thống website thương mại điện tử bán máy tính trực tuyến dựa trên nền tảng Laravel framework.
2. Hệ thống hóa cơ sở lý thuyết về ngôn ngữ lập trình web (PHP, HTML, CSS, JavaScript), hệ quản trị cơ sở dữ liệu quan hệ MySQL và kiến trúc MVC của Laravel.
3. Vận dụng kiến thức chuyên ngành để thiết kế và triển khai website hoàn chỉnh, đáp ứng hai nhóm chức năng cốt lõi:
   • Phía Quản trị viên (Admin): Quản lý danh mục sản phẩm, sản phẩm, nhà sản xuất, thuộc tính sản phẩm, từ khóa, danh mục bài viết, bài viết, đơn hàng, tài khoản người dùng, đánh giá, bình luận, slide, sự kiện, trang tĩnh và báo cáo thống kê.
   • Phía Khách hàng (Customer): Xem thông tin chi tiết sản phẩm, tìm kiếm sản phẩm và tin tức, đăng ký/đăng nhập tài khoản, quản lý giỏ hàng, đặt hàng và thanh toán trực tuyến, gửi đánh giá/bình luận và gửi thông tin liên hệ.

Đối tượng và phạm vi nghiên cứu

• Đối tượng nghiên cứu: Quy trình phân tích thiết kế hệ thống và xây dựng website bán thiết bị điện tử, máy tính trực tuyến.
• Phạm vi nghiên cứu: Hệ thống thương mại điện tử phục vụ khách hàng trên phạm vi toàn quốc, hỗ trợ truy cập đồng thời cho nhiều người dùng cùng lúc.

---

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

Khung lý thuyết và công nghệ áp dụng

Đồ án xây dựng dựa trên các nền tảng công nghệ web và mô hình phát triển phần mềm chuẩn:

Thành phần công nghệ	Đặc tả và vai trò kỹ thuật trong hệ thống
MySQL	Hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở do MySQL AB phát triển. Hỗ trợ chuẩn SQL, tương thích tốt với PHP, hỗ trợ bảng dữ liệu lớn lên đến 50 triệu dòng, giới hạn kích thước tệp mặc định 4 GB và có thể mở rộng đến 8 TB. Sử dụng các kiểu dữ liệu số (INT, TINYINT, SMALLINT, MEDIUMINT, BIGINT, FLOAT, DOUBLE, DECIMAL), kiểu ngày giờ (DATE, DATETIME, TIMESTAMP, TIME, YEAR) và kiểu chuỗi (CHAR, VARCHAR, TEXT, BLOB, ENUM).
HTML / CSS / JavaScript	HTML định hình cấu trúc siêu văn bản của trang web; CSS (Cascading Style Sheets) đảm nhận định dạng và bố cục giao diện; JavaScript xử lý tương tác phía người dùng (client-side).
Ngôn ngữ PHP	Ngôn ngữ kịch bản phía máy chủ (server-side) mã nguồn mở do Rasmus Lerdorf khởi xướng năm 1994 (tiền thân là PHP/FI). Web Server tiếp nhận yêu cầu và gọi PHP Engine biên dịch, xử lý dữ liệu rồi trả kết quả về trình duyệt.
Kiến trúc MVC	Mô hình kiến trúc phần mềm tách biệt ba thành phần độc lập: Model (xử lý logic dữ liệu, thuật toán và truy xuất CSDL), View (giao diện hiển thị người dùng, tệp HTML/Blade template) và Controller (tiếp nhận request, điều hướng luồng xử lý giữa Model và View).
Laravel Framework	Framework PHP mã nguồn mở dựa trên MVC do Taylor Otwell phát triển (từ Laravel 1 năm 2011 đến phiên bản Laravel 5.6). Cung cấp Eloquent ORM, Blade Template Engine, Artisan CLI, hệ thống Routing/Reverse Routing, Migration quản lý lược đồ CSDL, Dependency Injection / IoC Container, SwiftMailer và bảo mật tích hợp (@csrf, @method).
Ngôn ngữ mô hình hóa UML	Unified Modeling Language được sử dụng để trực quan hóa, đặc tả và xây dựng cấu trúc hệ thống qua Use Case Diagram, Activity Diagram, Sequence Diagram, Class Diagram và Entity Association Model.

Phương pháp nghiên cứu

• Phương pháp khảo sát và phân tích hiện trạng: Tiến hành khảo sát thực tế các website thương mại điện tử đang hoạt động (như sachhay24h.com, bookbuy.vn...) để đánh giá ưu nhược điểm về giao diện, tính năng đăng nhập, công cụ tìm kiếm, bộ lọc giá, gợi ý sản phẩm và quy trình thanh toán.
• Phương pháp phân tích và thiết kế hệ thống hướng đối tượng: Xác định các tác nhân (Actors), phân rã yêu cầu chức năng/phi chức năng, lập tài liệu đặc tả Use Case, thiết kế biểu đồ hoạt động (Activity Diagram), biểu đồ tuần tự (Sequence Diagram), biểu đồ lớp (Class Diagram) và lược đồ quan hệ cơ sở dữ liệu.
• Phương pháp thực nghiệm phát triển phần mềm: Triển khai cài đặt mã nguồn hệ thống hoàn chỉnh trên nền tảng Laravel, kiểm thử các chức năng quản trị backend và giao diện tương tác frontend.

---

Thiết kế và triển khai

Kiến trúc chức năng hệ thống

Hệ thống được thiết kế phân quyền rõ rệt giữa hai tác nhân chính:

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

Yêu cầu phi chức năng

• Giao diện: Thiết kế trực quan, bố cục rõ ràng, màu sắc hài hòa và thân thiện với người dùng.
• Tốc độ xử lý: Hệ thống phản hồi nhanh chóng, truy xuất dữ liệu chính xác khi xử lý các thao tác tìm kiếm, lọc và đặt hàng.
• Bảo mật: Đảm bảo an toàn dữ liệu người dùng, bảo vệ hệ thống trước các lỗi truy cập trái phép thông qua cơ chế xác thực và mã hóa.
• Độ tương thích: Hoạt động ổn định trên các trình duyệt web phổ biến hiện nay.

Quy trình và biểu đồ thiết kế (UML)

Đồ án xây dựng chi tiết hệ thống tài liệu thiết kế bao gồm:

• Biểu đồ Use Case: 17 biểu đồ Use Case chi tiết tương ứng với từng nhóm chức năng (Đăng nhập, Quản lý danh mục sản phẩm, Quản lý sản phẩm, Quản lý nhà sản xuất, Quản lý thuộc tính sản phẩm, Quản lý từ khóa, Quản lý thể loại bài viết, Quản lý bài viết, Quản lý đơn hàng, Quản lý người dùng, Quản lý đánh giá, Quản lý liên hệ, Quản lý slide, Quản lý sự kiện, Quản lý trang tĩnh, Quản lý thống kê và Chức năng khách hàng).
• Bảng đặc tả Use Case: Cung cấp chi tiết tên usecase, mô tả tóm tắt, điều kiện tiên quyết (Preconditions), điều kiện dữ liệu hợp lệ, luồng sự kiện chính (Main event stream) và luồng sự kiện phụ/ngoại lệ (Secondary event stream) cho các tác vụ thêm, sửa, xóa.
• Biểu đồ hoạt động (Activity Diagrams): Mô tả 20 luồng nghiệp vụ cụ thể như đăng nhập, đăng ký, thêm/sửa/xóa danh mục, thêm/xóa bình luận, thêm/xóa đánh giá, thêm/sửa/xóa bài viết, thêm/sửa/xóa slide, thêm/sửa/xóa sản phẩm, xóa người dùng và xử lý đơn hàng.
• Biểu đồ lớp (Class Diagram) & Mô hình liên kết thực thể: Xác định cấu trúc các lớp đối tượng, các thuộc tính, phương thức và mối quan hệ (1-1, 1-n, n-n) trong cơ sở dữ liệu.

---

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

Chương 1: Overview (Tổng quan)

Chương này trình bày bối cảnh thực tiễn của sự phát triển công nghệ thông tin và thương mại điện tử, nêu rõ lý do lựa chọn đề tài xây dựng website bán máy tính trực tuyến bằng Laravel. Tác giả tiến hành khảo sát các website bán hàng trực tuyến hiện hành để rút ra các ưu điểm và hạn chế:

• Trang web khảo sát 1 & 2: Hoạt động tương đối nhanh, có mô tả sản phẩm nhưng công cụ tìm kiếm hoạt động chưa hiệu quả, bộ lọc sản phẩm theo giá không chính xác, thiếu tính năng gợi ý sản phẩm tương tự hoặc gặp lỗi ở chức năng đăng nhập/đăng ký.
• Trang web sachhay24h.com: Giao diện bắt mắt, cho phép đặt hàng không cần đăng nhập, tích hợp thanh toán trực tuyến; tuy nhiên tốc độ tải trang còn chậm, chưa hiển thị rõ tỷ lệ giảm giá/logo và thiếu gợi ý sản phẩm liên quan.
• Trang web bookbuy.vn: Bố cục rõ ràng, menu có biểu tượng giảm giá, hiển thị sản phẩm bán chạy/flash sale, hỗ trợ bình luận và đánh giá sản phẩm; nhưng thiếu chức năng đăng nhập tài khoản, không cho phép theo dõi trạng thái đơn hàng, không hỗ trợ tùy chọn số lượng sản phẩm khi mua và thông tin chi tiết sản phẩm còn hạn chế.

Từ kết quả khảo sát, tác giả xác định các yêu cầu chức năng cần có để khắc phục các nhược điểm trên khi xây dựng hệ thống mới.

Chương 2: Theoretical basis (Cơ sở lý thuyết)

Chương 2 tổng hợp toàn bộ nền tảng lý thuyết và công nghệ được sử dụng trong đồ án:

• Hệ quản trị CSDL MySQL: Giới thiệu cơ chế lưu trữ quan hệ, khả năng mở rộng dữ liệu và phân loại chi tiết các kiểu dữ liệu (Numeric, Date/Time, String).
• Công nghệ Web Client: Trình bày vai trò của HTML (phiên bản HTML5, cấu trúc thẻ tags), CSS (định dạng tập trung qua tệp ngoài, tiết kiệm thời gian chỉnh sửa) và JavaScript (ngôn ngữ kịch bản tương tác).
• Ngôn ngữ lập trình PHP: Phân tích lịch sử phát triển từ phiên bản PHP/FI (1994) do Rasmus Lerdorf phát triển, quy trình vận hành giữa Web Server và PHP Engine, cùng các ưu điểm (mã nguồn mở, tốc độ cao, thư viện phong phú) và nhược điểm.
• Mô hình MVC & Laravel Framework: Phân tích nguyên lý phân tách thành phần của mô hình MVC. Trình bày lịch sử phát triển Laravel (từ Laravel 1 đến Laravel 5.6), các tính năng nổi bật (Eloquent ORM, Migration, Artisan, Blade Template, Reverse Routing, SwiftMailer, IoC Container) và các điểm cần lưu ý về tích hợp cổng thanh toán bên thứ ba.
• Ngôn ngữ mô hình hóa UML: Khái quát các loại biểu đồ trong UML và giải thích ý nghĩa các ký hiệu quan hệ (Association, Dependency, Aggregation, Generalization, Composition).

Chương 3: System design analysis (Phân tích thiết kế hệ thống)

Chương 3 tập trung vào việc chuyển hóa các yêu cầu nghiệp vụ thành mô hình kỹ thuật chi tiết:

• Đặc tả chi tiết các nhóm chức năng cho phân hệ Quản trị (Admin) và phân hệ Khách hàng (Customer).
• Xây dựng hệ thống biểu đồ Use Case tổng quát và 17 biểu đồ Use Case thành phần kèm bảng đặc tả luồng sự kiện chính/phụ.
• Thiết lập 20 biểu đồ hoạt động (Activity Diagrams) cho các luồng xử lý nghiệp vụ cụ thể.
• Xây dựng biểu đồ tuần tự (Sequence Diagrams), biểu đồ lớp (Class Diagram) và mô hình liên kết thực thể (Entity Association Model) phục vụ thiết kế cơ sở dữ liệu.

Chương 4: Installation and testing results (Cài đặt và kết quả thử nghiệm)

Chương 4 trình bày kết quả hiện thực hóa hệ thống thông qua việc triển khai các giao diện chức năng trên môi trường thực tế:

• Giao diện phân hệ Quản trị (Admin):
  • Trang tổng quan thống kê số liệu kinh doanh và báo cáo.
  • Trang quản lý thông tin quản trị viên và tài khoản admin.
  • Trang quản lý danh mục sản phẩm, nhà sản xuất và dữ liệu sản phẩm.
  • Trang quản lý kho hàng và kiểm soát tồn kho.
  • Trang quản lý chuyên mục bài viết và quản lý bài viết tin tức.
  • Trang quản lý tài khoản người dùng hệ thống.
  • Trang quản lý danh sách đánh giá và danh sách bình luận sản phẩm.
  • Trang quản lý đơn đặt hàng và trạng thái đơn hàng.
  • Trang quản lý trình chiếu (slide), sự kiện và quản lý trang tĩnh.
• Giao diện phân hệ Khách hàng (Frontend):
  • Trang chủ hiển thị danh mục, banner, sản phẩm mới, sản phẩm bán chạy và tin tức nổi bật.
  • Trang chi tiết sản phẩm kèm khu vực đánh giá và bình luận.
  • Trang chi tiết bài viết tin tức.
  • Trang giỏ hàng, trang tìm kiếm và bộ lọc sản phẩm.
  • Trang quản lý thông tin tài khoản cá nhân và lịch sử hoạt động.
  • Trang gửi thông tin liên hệ và trang thanh toán đơn hàng.

---

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

Kết quả đạt được

1. Về mặt phân tích thiết kế: Hoàn thành tài liệu phân tích hệ thống hoàn chỉnh với 17 biểu đồ usecase, 12 bảng đặc tả usecase chi tiết, 20 biểu đồ hoạt động và hệ thống biểu đồ tuần tự, biểu đồ lớp, lược đồ CSDL.
2. Về mặt sản phẩm phần mềm: Triển khai thành công website thương mại điện tử hoàn chỉnh trên nền tảng Laravel framework, vận hành đầy đủ hai phân hệ Admin và Frontend khách hàng với 18 nhóm chức năng quản trị và 8 nhóm chức năng người dùng.
3. Về mặt dữ liệu: Thiết kế cơ sở dữ liệu quan hệ trên MySQL đáp ứng đầy đủ các quan hệ thực thể, lưu trữ thông tin sản phẩm, danh mục, bài viết, người dùng, đánh giá và đơn hàng.

Giải pháp tác giả đề xuất

• Khắc phục các điểm yếu từ các hệ thống được khảo sát bằng cách tích hợp đồng bộ chức năng tài khoản (đăng nhập/đăng ký), công cụ tìm kiếm sản phẩm, tính năng bình luận/đánh giá trực tiếp trên sản phẩm và quy trình đặt hàng rõ ràng.
• Tổ chức phân quyền quản trị chặt chẽ, cho phép quản lý chi tiết từ thông tin sản phẩm, thuộc tính, nhà sản xuất, từ khóa đến kiểm soát tồn kho và trạng thái đơn hàng.

Đóng góp thực tiễn

• Đồ án cung cấp một mô hình ứng dụng web thương mại điện tử hoàn chỉnh theo kiến trúc MVC sử dụng Laravel framework, có thể ứng dụng trực tiếp cho các cửa hàng kinh doanh thiết bị điện tử, máy tính nhằm mở rộng kênh bán hàng trực tuyến và tối ưu hóa quy trình quản lý bán lẻ.

---

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

Hạn chế

• Hệ thống ứng dụng web khi tải lại trang hoàn chỉnh (full page reload) trên thiết bị di động có thể tạo cảm giác nặng hơn so với ứng dụng di động native thuần túy.
• Việc tích hợp các cổng thanh toán trực tuyến từ bên thứ ba (như Stripe, PayPal) cần phải tuân thủ nghiêm ngặt các quy định tiêu chuẩn bảo mật thẻ thanh toán (PCI compliance).
• Sự khác biệt và thiếu tính liên tục khi nâng cấp mã nguồn giữa các phiên bản framework lớn (như từ Laravel 4 lên Laravel 5) đòi hỏi quy trình bảo trì cẩn trọng để tránh xung đột hệ thống.

Hướng phát triển tiếp theo

• Tiếp tục hoàn thiện quy trình quản lý hệ thống, nâng cấp tính năng đăng tin và quản lý bán hàng theo hướng thân thiện và tiện lợi hơn cho người quản trị.
• Nghiên cứu tối ưu hóa hiệu năng giao diện đa nền tảng, có thể kết hợp xây dựng API backend theo định dạng JSON để phục vụ các nền tảng ứng dụng di động trong tương lai.

---

Giá trị tham khảo

Tài liệu đồ án tốt nghiệp này mang lại giá trị tham khảo thiết thực cho:

1. Sinh viên ngành Công nghệ thông tin / Kỹ thuật máy tính: Tham khảo cấu trúc của một đồ án tốt nghiệp chuẩn về phát triển ứng dụng web, từ bước khảo sát hiện trạng, nghiên cứu cơ sở lý thuyết (PHP, MySQL, Laravel), đến phân tích thiết kế hệ thống bằng UML.
2. Lập trình viên web mới tiếp cận Laravel Framework: Cung cấp tài liệu tổng hợp về kiến trúc MVC, quy trình hoạt động của Eloquent ORM, Artisan CLI, Blade Directives (@csrf, @method) và cách tổ chức các tầng xử lý trong ứng dụng web thương mại điện tử.
3. Phần đáng tham khảo nhất trong tài liệu: Chương 3 với hệ thống biểu đồ Use Case, Activity Diagram và các bảng đặc tả luồng sự kiện chi tiết cho 18 nhóm chức năng quản trị và nghiệp vụ mua sắm trực tuyến.

---

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

1. Đồ án này do ai thực hiện, thuộc đơn vị đào tạo nào và người hướng dẫn là ai?

Đồ án do sinh viên Trần Đình Hoàng (Mã sinh viên: 19071604, Lớp: ICE, Mã học phần: INS401401, Ngành: Tin học và Kỹ thuật máy tính - Informatics and Computer Engineering) thực hiện tại Trường Quốc tế - Đại học Quốc gia Hà Nội (Vietnam National University, Hanoi - International School) vào năm 2024, dưới sự hướng dẫn của GS. / TS. Kim Đình Thái.

2. Tác giả đã chỉ ra những nhược điểm gì ở các website bán hàng được khảo sát trong Chương 1?

Qua khảo sát các trang web thương mại điện tử thực tế, tác giả chỉ ra các hạn chế chính:

• Công cụ tìm kiếm kém hiệu quả, lọc sản phẩm theo giá không chính xác, thiếu tính năng gợi ý sản phẩm tương tự.
• Một số website gặp lỗi ở chức năng đăng nhập/đăng ký, giao diện cũ hoặc tốc độ tải trang chậm.
• Trang bookbuy.vn không có chức năng đăng nhập, không theo dõi được đơn hàng, không chọn được số lượng mua và thông tin sản phẩm bị giới hạn.

3. Phân hệ Quản trị (Admin) trong hệ thống gồm những nhóm chức năng chính nào?

Phân hệ Admin được thiết kế với 5 nhóm chức năng quản trị bao gồm:

• Nhóm quản lý sản phẩm: Quản lý danh mục sản phẩm, nhà sản xuất, kiểu/thuộc tính sản phẩm, từ khóa và sản phẩm (tìm kiếm, chuyển thông tin).
• Nhóm quản lý bài viết: Quản lý thể loại bài viết và quản lý bài viết.
• Nhóm quản lý tài khoản & tương tác: Quản lý người dùng, đánh giá, bình luận, liên hệ.
• Nhóm quản lý đơn hàng: Tìm kiếm, xuất dữ liệu, theo dõi đơn hàng, sửa trạng thái và xóa đơn hàng.
• Nhóm quản lý hệ thống: Quản lý trình chiếu (slide), sự kiện, trang tĩnh và xem báo cáo thống kê.

4. Hệ quản trị cơ sở dữ liệu MySQL được tác giả mô tả có những đặc điểm kỹ thuật nào?

MySQL là hệ quản trị CSDL quan hệ mã nguồn mở sử dụng chuẩn SQL, tương thích tối ưu với PHP. Hệ thống hỗ trợ xử lý CSDL quy mô lớn lên đến 50 triệu dòng trong một bảng, kích thước tệp bảng mặc định là 4 GB và có thể mở rộng theo hệ điều hành lên đến 8 TB. Cơ sở dữ liệu hỗ trợ đa dạng các kiểu dữ liệu số, ngày giờ và chuỗi (CHAR, TEXT, BLOB, ENUM...).

5. Laravel 5.6 được tác giả giới thiệu có những điểm mới nổi bật nào?

Trong Chương 2, tác giả ghi nhận Laravel 5.6 có các cải tiến mới bao gồm:

• Cải tiến hệ thống Logging, chuyển toàn bộ cấu hình vào thư mục config/logging.
• Lập lịch tác vụ trên một máy chủ đơn (Single server task scheduling).
• Giới hạn tần suất truy cập động (Dynamic rate limiting).
• Bổ sung hai chỉ thị Blade form mới là @method và @csrf.
• Mặc định hỗ trợ Bootstrap 4 thay cho Bootstrap 3.

---

Kết luận

Đồ án tốt nghiệp "Thiết kế và Triển khai Website Thương Mại Điện Tử Bán Thiết Bị Điện Tử" của sinh viên Trần Đình Hoàng đã giải quyết thành công bài toán xây dựng một hệ thống bán hàng trực tuyến hoàn chỉnh dựa trên Laravel framework và cơ sở dữ liệu MySQL. Đề tài đã thực hiện nghiêm túc quy trình công nghệ phần mềm từ khảo sát thực tế, hệ thống hóa cơ sở lý thuyết, phân tích thiết kế chi tiết bằng ngôn ngữ mô hình hóa UML đến cài đặt và thử nghiệm giao diện thực tế cho cả hai phân hệ Quản trị và Khách hàng. Hệ thống hoàn thiện đáp ứng tốt các yêu cầu nghiệp vụ thương mại điện tử, có tính ứng dụng thực tiễn cao và đóng vai trò là tài liệu tham khảo có giá trị cho sinh viên chuyên ngành Tin học và Kỹ thuật máy tính.

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

VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT Project: Design and Implementation of an Electronics E-commerce Website Student’s name: Tran Dinh Hoang Hanoi - 2024 I VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT Project: Design and Implementation of an Electronics E-commerce Website SUPERVISOR: Prof. Kim Dinh Thai (Academic title, academic degree, full name) STUDENT: Tran Dinh Hoang STUDENT ID: 19071604 COHORT: ICE SUBJECT CODE: INS401401 MAJOR: INFORMATICS AND COMPUTER ENGINEERING Hanoi - 2024 II SUMMARY OF CONTENTS OF THE GRADUATION PROJECT This project has the content of building a website to sell computers online using Laravel framework. Building a sales website aims to help customers easily buy products without having to go directly to the store, the manager has the ability to cover and control the inventory, provide statistics and reports. Content of the subject: Chapter 1: Overview This chapter will introduce an overview of the topic situation and research issues to develop the in-depth direction of the topic.

Chapter 2: Theoretical basis This chapter raises some theories about concepts, implementation models, as well as implementation languages and databases that need to be applied to build an online computer sales system. Chapter 3: System design analysis This chapter analyzes system design, builds object-oriented models, and the UML modeling language. Chapter 4: Installation and testing results From the theoretical foundations and system design analysis process, a website to sell computers online was built using Laravel framework. III THANK YOU With deep gratitude, the first words allow the Author to send his most sincere thanks to the teachers and faculty of Hanoi National University school in general and the collective of teachers of the subject Faculty ICE in particular for wholeheartedly conveying to the Author.

gained valuable knowledge during the author's time studying at school. In particular, the Author would like to express his deepest gratitude to Dr.Kim Dinh Thai, who directly guided throughout the duration of the project, enthusiastically advised, directed and gave the Author valuable advice to complete this graduation project. Finally, the Author would like to send best wishes to all teachers. I hope teachers have good health to continue imparting valuable knowledge to the next generation of students.

During the process of working on the project, due to the Author's limited ability and experience, there will inevitably be shortcomings. The Author hopes to receive the understanding and contributions of the teachers so that the graduation project can be completed. The project author would like to sincerely thank you! IV Table Of Content SUMMARY OF CONTENTS OF THE GRADUATION PROJECT. III THANK YOU .IX LIST OF TABLES.

XII LIST OF ACRONYMS.1 Reason for choosing the topic .3 Object and scope of inquiry. 8 CHAPTER 2 THEORETICAL BASIS .2 The role of HTML in web programming .2 The role of CSS in web programming .2 Development history of PHP.3 PHP operating process .4 Advantages and disadvantages of PHP language .1 What is framework? .2 What is MVC pattern .3 Introducing the Laravel framework.6 Overview of basic features of Laravel .7 Advantages and disadvantages .2 Diagrams in UML .3 Explanation of symbols. 25 CHAPTER 3 SYSTEM DESIGN ANALYSIS .3 Non-functional requirements.2 System design analysis .1 General Usecase Diagram .2 Login Usecase Diagram .3 Usecase for product portfolio management .4 Product management usecases .5 Manufacturer management usecase .6 Usecase manages product attributes .7 Keyword management usecase .8 Usecase manages article categories.9 Usecase for article management .10 Usecase for order management .11 Usecase for user management .12 Review management usecase .13 Contact management usecase .14 Usecase for slide management .15 Event management usecase .16 Usecase for static site management .17 Statistics management usecase .18 Customer functional usecase .1 Login function activity diagram .2 Registration function activity diagram .3 Functional activity chart for adding new product categories .4 Activity chart of product catalog editing function .5 Activity diagram of the product category deletion function .6 Functional activity chart added new comments .7 Activity diagram of the comment deletion function .8 Newly added functional activity chart for evaluation .9 Activity diagram of the review deletion function .10 Activity diagram of the function of adding new articles .11 Activity chart of adding new slide function .