Xây Dựng Hệ Thống Siêu Thị Trực Tuyến

Báo cáo học phần cơ sở lập trình web với chủ đề xây dựng hệ thống siêu thị, cung cấp kiến thức và kỹ năng cần thiết cho sinh viên.

• Đề tài: Xây Dựng Hệ Thống Siêu Thị Trực Tuyến

Mục lục chi tiết

• MỞ ĐẦU
• 1. CHƯƠNG I: XÁC ĐỊNH ACTOR VÀ USE CASE TỔNG QUÁT HỆ THỐNG
• 1.1. Xác định Actor hệ thống
• 1.2. Biểu đồ UseCase toàn hệ thống
• 2. CHƯƠNG II: PHÂN TÍCH CHI TIẾT TỪNG CHỨC NĂNG
• 2.1. Chức năng đăng ký tài khoản
• 2.2. Chức năng đăng nhập
• 2.3. Chức năng quản lý giỏ hàng, thanh toán
• 2.4. Chức năng quản lý người dùng
• 2.5. Chức năng quản lý sản phẩm
• 3. CHƯƠNG III: THIẾT KẾ
• 3.1. Thiết kế giao diện
• 3.2. Thiết kế lưu trữ
• 4. CHƯƠNG IV: Lập trình
• 4.1. Ngôn ngữ lập trình
• 4.2. Phần code các chức năng
• 4.2.1. Chức năng Đăng xuất
• 4.2.2. Chức năng tìm kiếm người dùng
• 4.2.3. Chức năng sửa thông tin người dùng
• 4.2.4. Chức năng xóa người dùng

Tóm tắt

I. Tổng quan Xây dựng Hệ thống Siêu thị Trực tuyến 2024

Sự phát triển của công nghệ thông tin đã định hình lại ngành bán lẻ toàn cầu. Việc xây dựng hệ thống siêu thị trực tuyến không còn là một lựa chọn mà đã trở thành yêu cầu bắt buộc để doanh nghiệp tồn tại và cạnh tranh. Một hệ thống hiệu quả không chỉ là một website bán hàng, mà là một giải pháp thương mại điện tử toàn diện, tích hợp từ quản lý sản phẩm, tồn kho đến marketing và chăm sóc khách hàng. Theo báo cáo học phần “Cơ sở lập trình web”, việc chuyển đổi sang mô hình kinh doanh online cho phép các cửa hàng, siêu thị “quảng bá tất cả các sản phẩm... một cách hiệu quả và tối ưu chi phí nhất”. Điều này đặc biệt đúng trong bối cảnh hành vi người tiêu dùng thay đổi, ưu tiên sự tiện lợi và nhanh chóng. Một hệ thống siêu thị trực tuyến thành công phải đảm bảo được ba yếu tố cốt lõi: nền tảng công nghệ vững chắc, trải nghiệm người dùng (UX/UI) cho ecommerce mượt mà, và quy trình vận hành (logistics) thông suốt. Nền tảng công nghệ là xương sống, quyết định khả năng mở rộng và tính ổn định. Trải nghiệm người dùng là yếu tố giữ chân khách hàng, trong khi logistics là khâu quyết định sự hài lòng cuối cùng. Việc đầu tư bài bản vào xây dựng hệ thống siêu thị trực tuyến ngay từ đầu sẽ tạo ra lợi thế cạnh tranh bền vững, giúp doanh nghiệp tiếp cận tệp khách hàng rộng lớn hơn và tối ưu hóa quy trình kinh doanh.

1.1. Tầm quan trọng của giải pháp thương mại điện tử hiện đại

Một giải pháp thương mại điện tử không chỉ đơn thuần là việc thiết kế website bán hàng tạp hóa. Nó bao gồm một hệ sinh thái các công cụ và quy trình được tích hợp chặt chẽ. Hệ thống này phải xử lý được các nghiệp vụ phức tạp từ quản lý danh mục sản phẩm, giá cả, khuyến mãi, cho đến việc đồng bộ hóa dữ liệu tồn kho theo thời gian thực. Hơn nữa, nó còn phải tích hợp hệ thống thanh toán trực tuyến đa dạng và an toàn, kết nối với các đối tác vận chuyển, và cung cấp các công cụ phân tích dữ liệu kinh doanh. Việc triển khai một giải pháp toàn diện giúp doanh nghiệp tự động hóa nhiều quy trình thủ công, giảm thiểu sai sót và nâng cao hiệu suất hoạt động. Đây là nền tảng để triển khai các chiến lược bán hàng phức tạp hơn như omnichannel retail (bán lẻ đa kênh).

1.2. Phân tích mô hình kinh doanh tạp hóa online và tiềm năng

Mô hình kinh doanh tạp hóa online đang phát triển mạnh mẽ, thu hút không chỉ các "ông lớn" như Go!, Lotte Mart mà còn cả các doanh nghiệp vừa và nhỏ. Tiềm năng của thị trường này đến từ nhu cầu thiết yếu hàng ngày của người tiêu dùng. Thay vì phải đến siêu thị vật lý, khách hàng có thể dễ dàng đặt mua hàng trăm mặt hàng chỉ qua vài cú nhấp chuột. Sự thành công của mô hình này phụ thuộc vào khả năng giải quyết các bài toán về chuỗi cung ứng, bảo quản sản phẩm (đặc biệt là hàng tươi sống) và giao hàng nhanh. Các sáng kiến như phát triển app đi chợ hộ cũng là một hướng đi tiềm năng, mang lại sự tiện lợi tối đa và tạo ra một kênh tương tác trực tiếp với khách hàng, xây dựng lòng trung thành và gia tăng giá trị vòng đời khách hàng.

II. Các thách thức cốt lõi khi Xây dựng Hệ thống Siêu thị

Mặc dù tiềm năng lớn, quá trình xây dựng hệ thống siêu thị trực tuyến phải đối mặt với nhiều thách thức kỹ thuật và vận hành. Thách thức đầu tiên và quan trọng nhất là bảo mật website thương mại điện tử. Hệ thống lưu trữ thông tin nhạy cảm của khách hàng, từ dữ liệu cá nhân đến chi tiết thanh toán, đòi hỏi các biện pháp bảo mật đa lớp để chống lại các cuộc tấn công mạng. Thứ hai là bài toán về hiệu năng và khả năng mở rộng. Website phải xử lý được lượng truy cập lớn, đặc biệt trong các đợt khuyến mãi, mà không bị quá tải. Thách thức thứ ba nằm ở việc tích hợp các hệ thống bên thứ ba, như cổng thanh toán và đơn vị vận chuyển, một cách liền mạch. Cuối cùng, việc quản lý một lượng lớn dữ liệu sản phẩm, đơn hàng và khách hàng đòi hỏi một cơ sở dữ liệu được thiết kế tối ưu. Báo cáo nghiên cứu đã chỉ ra, việc phân tích chi tiết các chức năng như quản lý người dùng, quản lý sản phẩm ngay từ đầu là bước đi khôn ngoan để giảm thiểu rủi ro khi xây dựng hệ thống siêu thị trực tuyến.

2.1. Vấn đề bảo mật hệ thống thanh toán trực tuyến

An toàn trong giao dịch là yếu tố sống còn. Một hệ thống thanh toán trực tuyến không an toàn có thể dẫn đến mất mát tài chính và hủy hoại uy tín thương hiệu. Các lỗ hổng bảo mật phổ biến bao gồm Cross-Site Scripting (XSS), SQL Injection, và tấn công chiếm đoạt phiên. Để đảm bảo an toàn, hệ thống cần tuân thủ các tiêu chuẩn như PCI DSS (Payment Card Industry Data Security Standard). Việc sử dụng chứng chỉ SSL/TLS để mã hóa dữ liệu truyền đi là yêu cầu tối thiểu. Ngoài ra, việc tích hợp các cổng thanh toán uy tín, sử dụng các cơ chế xác thực hai yếu tố (2FA) và thường xuyên kiểm tra, vá các lỗ hổng bảo mật là những biện pháp cần thiết để bảo vệ cả doanh nghiệp và người tiêu dùng.

2.2. Thách thức tối ưu trải nghiệm người dùng UX UI cho ecommerce

Một trải nghiệm người dùng (UX/UI) cho ecommerce kém sẽ trực tiếp làm giảm tỷ lệ chuyển đổi. Khách hàng mong muốn một giao diện trực quan, dễ dàng tìm kiếm sản phẩm, quy trình thanh toán nhanh gọn và tương thích trên mọi thiết bị, đặc biệt là di động. Thách thức nằm ở việc thiết kế một hành trình khách hàng (customer journey) liền mạch, từ lúc tìm kiếm sản phẩm cho đến khi hoàn tất đơn hàng. Các yếu tố như tốc độ tải trang, cấu trúc điều hướng logic, hình ảnh sản phẩm chất lượng cao, và quy trình thanh toán không rườm rà đều ảnh hưởng lớn đến quyết định mua hàng. Việc nghiên cứu hành vi người dùng và liên tục thử nghiệm A/B là chìa khóa để cải thiện UX/UI.

2.3. Khó khăn về logistics cho thương mại điện tử

Hệ thống logistics cho thương mại điện tử là xương sống của hoạt động vận hành. Đối với siêu thị trực tuyến, bài toán này càng phức tạp do đặc thù sản phẩm đa dạng, bao gồm cả hàng khô, hàng đông lạnh và hàng tươi sống. Thách thức bao gồm: quản lý kho hàng online hiệu quả để tránh hết hàng hoặc tồn kho quá mức, quy trình lấy hàng (picking) và đóng gói (packing) nhanh chóng và chính xác, và lựa chọn đối tác vận chuyển có khả năng giao hàng đúng hẹn với chi phí hợp lý. Việc tối ưu hóa tuyến đường giao hàng và quản lý đơn hàng trả về cũng là những vấn đề cần được giải quyết triệt để để đảm bảo lợi nhuận và sự hài lòng của khách hàng.

III. Hướng dẫn Phân tích và Thiết kế Hệ thống Siêu thị Online

Nền tảng của một dự án xây dựng hệ thống siêu thị trực tuyến vững chắc là giai đoạn phân tích và thiết kế. Giai đoạn này quyết định cấu trúc, chức năng và khả năng mở rộng của toàn bộ hệ thống trong tương lai. Theo tài liệu nghiên cứu của nhóm sinh viên Đại học Điện Lực, quá trình này bắt đầu bằng việc “Xác định Actor và Use Case tổng quát hệ thống”. Việc này giúp làm rõ các đối tượng tương tác với hệ thống (quản trị viên, người dùng) và các kịch bản sử dụng chính. Sau khi có cái nhìn tổng quan, cần đi sâu vào phân tích chi tiết từng chức năng. Một bản thiết kế tốt phải bao gồm thiết kế giao diện (UI/UX) và thiết kế lưu trữ (cơ sở dữ liệu). Thiết kế giao diện tập trung vào việc tạo ra một hành trình mua sắm thuận tiện, trong khi thiết kế cơ sở dữ liệu đảm bảo tính toàn vẹn, hiệu quả truy xuất và khả năng lưu trữ dữ liệu lớn. Quá trình xây dựng hệ thống siêu thị trực tuyến phải tuân thủ nghiêm ngặt các biểu đồ phân tích như Use Case, biểu đồ hoạt động, và biểu đồ trình tự để đảm bảo các chức năng được hiện thực hóa đúng yêu cầu.

3.1. Phân tích yêu cầu và xác định Actor hệ thống

Bước đầu tiên là xác định rõ các tác nhân (Actor) sẽ tương tác với hệ thống. Tài liệu gốc phân loại hai actor chính: Người quản lý (Admin) và Người dùng (Khách hàng). Người quản lý có các quyền hạn như quản lý sản phẩm, quản lý đơn hàng, và quản lý tài khoản người dùng. Người dùng có các chức năng cơ bản như đăng ký, đăng nhập, tìm kiếm sản phẩm, quản lý giỏ hàng và thực hiện thanh toán. Việc định nghĩa rõ ràng vai trò và quyền hạn của từng actor giúp phân chia các module chức năng một cách logic, tạo cơ sở cho việc phân quyền và đảm bảo an ninh hệ thống trong tương lai.

3.2. Lựa chọn nền tảng bán lẻ trực tuyến phù hợp

Doanh nghiệp có hai lựa chọn chính: tự phát triển hệ thống từ đầu hoặc sử dụng một nền tảng bán lẻ trực tuyến có sẵn (SaaS - Software as a Service) như Shopify, Haravan, Sapo. Tự phát triển, như cách tiếp cận trong báo cáo nghiên cứu, mang lại sự tùy biến tối đa nhưng đòi hỏi chi phí đầu tư và đội ngũ kỹ thuật mạnh. Ngược lại, các nền tảng SaaS cho phép triển khai nhanh chóng với chi phí ban đầu thấp hơn, đi kèm nhiều tính năng được xây dựng sẵn. Lựa chọn phù hợp phụ thuộc vào quy mô kinh doanh, ngân sách, và yêu cầu tùy chỉnh đặc thù của doanh nghiệp.

3.3. Thiết kế cơ sở dữ liệu và cấu trúc lưu trữ

Thiết kế lưu trữ là trái tim của hệ thống, quyết định hiệu suất và sự ổn định. Báo cáo đã đề xuất các bảng dữ liệu cốt lõi bao gồm: Bảng khách hàng (lưu thông tin người dùng), Bảng sản phẩm (chi tiết sản phẩm, giá, tồn kho), Bảng giao dịch (thông tin đơn hàng), và Bảng chi tiết giao dịch (các sản phẩm trong một đơn hàng). Một thiết kế cơ sở dữ liệu chuẩn hóa, với các mối quan hệ (relationships) được định nghĩa rõ ràng, sẽ giúp việc truy vấn dữ liệu nhanh chóng, đảm bảo tính nhất quán và dễ dàng cho việc bảo trì, mở rộng hệ thống sau này. Đây là yếu tố then chốt cho việc quản lý kho hàng online.

IV. Phương pháp Xây dựng các Tính năng cốt lõi Siêu thị Web

Sau giai đoạn thiết kế, việc triển khai các tính năng là bước tiếp theo trong quy trình xây dựng hệ thống siêu thị trực tuyến. Các tính năng này được chia thành hai nhóm chính: nhóm chức năng cho người dùng (front-end) và nhóm chức năng cho người quản trị (back-end). Đối với người dùng, các tính năng quan trọng nhất bao gồm tìm kiếm sản phẩm thông minh, quản lý giỏ hàng, và một quy trình thanh toán an toàn, tiện lợi. Đối với quản trị viên, hệ thống cần cung cấp một trang quản trị mạnh mẽ. Trang này phải cho phép quản lý toàn bộ vòng đời sản phẩm, xử lý đơn hàng, quản lý thông tin khách hàng và xem các báo cáo thống kê. Việc xây dựng hệ thống siêu thị trực tuyến đòi hỏi sự kết hợp nhuần nhuyễn giữa các công nghệ lập trình. Như tài liệu nghiên cứu đã đề cập, việc sử dụng các ngôn ngữ như JavaScript, HTML, CSS cho giao diện và một hệ quản trị cơ sở dữ liệu như SQL Server cho back-end là một lựa chọn phổ biến và hiệu quả.

4.1. Xây dựng chức năng quản lý sản phẩm và kho hàng online

Chức năng quản lý sản phẩm là trọng tâm của trang quản trị. Người quản lý phải có khả năng thêm, sửa, xóa sản phẩm một cách dễ dàng. Mỗi sản phẩm cần có các trường thông tin chi tiết như tên, mô tả, hình ảnh, giá, đơn vị tính, và danh mục. Quan trọng hơn, chức năng này phải được liên kết chặt chẽ với hệ thống quản lý kho hàng online. Khi một đơn hàng được đặt thành công, số lượng tồn kho của sản phẩm tương ứng phải được tự động cập nhật. Hệ thống cũng cần có các cảnh báo khi sản phẩm sắp hết hàng để quản trị viên có kế hoạch nhập hàng kịp thời. Đây là nền tảng của một phần mềm quản lý bán hàng siêu thị hiệu quả.

4.2. Tích hợp hệ thống thanh toán trực tuyến và vận chuyển

Để hoàn tất một giao dịch, việc tích hợp cổng vận chuyển và thanh toán là bắt buộc. Hệ thống cần hỗ trợ nhiều phương thức thanh toán phổ biến như COD (thanh toán khi nhận hàng), chuyển khoản ngân hàng, thẻ tín dụng/ghi nợ, và các loại ví điện tử (Momo, ZaloPay). Việc tích hợp được thực hiện thông qua các API do đối tác thanh toán cung cấp, đòi hỏi xử lý kỹ thuật cẩn thận để đảm bảo an toàn. Tương tự, việc tích hợp với các đơn vị vận chuyển (Giao Hàng Nhanh, Viettel Post, v.v.) giúp tự động hóa quy trình tạo vận đơn, theo dõi hành trình đơn hàng và tính toán chi phí vận chuyển một cách chính xác.

4.3. Phát triển app đi chợ hộ song song với website

Trong bối cảnh di động lên ngôi, việc phát triển app đi chợ hộ là một bước đi chiến lược để nâng cao trải nghiệm khách hàng và gia tăng lợi thế cạnh tranh. Một ứng dụng di động mang lại nhiều lợi ích: giao diện được tối ưu hoàn toàn cho điện thoại, khả năng gửi thông báo đẩy (push notification) về các chương trình khuyến mãi, và tận dụng các tính năng của thiết bị như GPS để định vị giao hàng. Việc phát triển app có thể thực hiện song song với website, chia sẻ cùng một cơ sở dữ liệu và back-end để đảm bảo dữ liệu được đồng bộ hóa trên cả hai nền tảng, tạo ra một trải nghiệm omnichannel retail liền mạch.

V. Tối ưu Vận hành và Marketing cho Hệ thống Siêu thị Mới

Việc xây dựng hệ thống siêu thị trực tuyến không kết thúc khi website đi vào hoạt động. Giai đoạn vận hành và marketing mới thực sự quyết định sự thành bại của dự án. Vận hành hiệu quả đòi hỏi một quy trình xử lý đơn hàng chuẩn hóa, từ khâu xác nhận đơn, lấy hàng, đóng gói, bàn giao cho đơn vị vận chuyển, cho đến xử lý các vấn đề phát sinh sau bán hàng. Để hỗ trợ quy trình này, việc sử dụng một phần mềm quản lý bán hàng siêu thị chuyên dụng là rất cần thiết. Về mặt marketing, mục tiêu là thu hút khách hàng mới và giữ chân khách hàng cũ. Một chiến lược marketing cho siêu thị online hiệu quả cần kết hợp nhiều kênh khác nhau. Các hoạt động này không chỉ giúp tăng doanh số mà còn xây dựng thương hiệu và tạo dựng một cộng đồng khách hàng trung thành, là tài sản quý giá nhất của bất kỳ dự án kinh doanh tạp hóa online nào.

5.1. Triển khai chiến lược marketing cho siêu thị online

Chiến lược marketing cho siêu thị online cần đa dạng và nhắm đúng đối tượng mục tiêu. Tối ưu hóa công cụ tìm kiếm (SEO) giúp website xuất hiện ở vị trí cao trên Google khi người dùng tìm kiếm các sản phẩm liên quan. Quảng cáo trả phí (Google Ads, Facebook Ads) giúp tiếp cận nhanh chóng tệp khách hàng tiềm năng. Content marketing, thông qua các bài viết blog về công thức nấu ăn, mẹo vặt gia đình, giúp tạo ra giá trị cho người dùng và xây dựng uy tín. Email marketing và thông báo đẩy trên app là công cụ hiệu quả để chăm sóc khách hàng cũ và thông báo các chương trình khuyến mãi, kích thích tái mua hàng.

5.2. Tích hợp hệ thống CRM cho bán lẻ để chăm sóc khách hàng

Một hệ thống CRM (Customer Relationship Management) cho bán lẻ là công cụ không thể thiếu để quản lý và khai thác dữ liệu khách hàng. Hệ thống này thu thập và lưu trữ toàn bộ lịch sử tương tác và mua sắm của khách hàng. Dựa trên dữ liệu này, doanh nghiệp có thể phân loại khách hàng thành các nhóm khác nhau (khách hàng mới, khách hàng trung thành, khách hàng có nguy cơ rời bỏ) để có những chiến lược chăm sóc phù hợp. CRM giúp cá nhân hóa trải nghiệm mua sắm, gửi các ưu đãi dành riêng cho từng khách hàng, và xây dựng các chương trình khách hàng thân thiết, qua đó gia tăng đáng kể tỷ lệ giữ chân 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 phát triển mạnh mẽ và mạng Internet trở thành phương tiện trao đổi thông tin toàn cầu, thương mại điện tử đã khẳng định vai trò thúc đẩy hoạt động sản xuất kinh doanh và nâng cao chất lượng cuộc sống. Đối với các cửa hàng và doanh nghiệp bán lẻ, việc ứng dụng website bán hàng trực tuyến trở thành giải pháp thiết thực nhằm quảng bá sản phẩm, tối ưu hóa chi phí vận hành và phục vụ nhu cầu mua sắm từ xa của khách hàng mà không cần đến trực tiếp điểm bán.

Nhóm nghiên cứu thuộc Khoa Công nghệ Thông tin, Trường Đại học Điện Lực đã lựa chọn thực hiện đề tài "Xây dựng Website siêu thị" trong khuôn khổ học phần Cơ sở lập trình web. Đề tài được xây dựng dựa trên việc tìm hiểu thực tế nhu cầu đi chợ, mua sắm của các đối tượng người tiêu dùng như các bà mẹ nội trợ, các hộ gia đình và giới trẻ, đồng thời tham khảo mô hình hoạt động của các hệ thống bán lẻ trực tuyến như Go! hay Lotte Market.

Mục tiêu và nhiệm vụ nghiên cứu của đề tài bao gồm các nội dung chính sau:

1. Khảo sát nhu cầu thực tế và xác định các tác nhân (Actor) tham gia vào hệ thống bán hàng trực tuyến.
2. Xây dựng biểu đồ Use Case tổng quát và mô hình hóa chi tiết các luồng nghiệp vụ thông qua biểu đồ ca sử dụng, biểu đồ hoạt động (Activity Diagram) và biểu đồ trình tự (Sequence Diagram).
3. Thiết kế cấu trúc giao diện người dùng cho các phân hệ của website và thiết kế hệ thống lưu trữ dữ liệu quan hệ.
4. Hiện thực hóa mã nguồn các chức năng quản trị và chức năng người dùng bằng các công nghệ lập trình web cơ bản.

Đố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ế và xây dựng hệ thống website thương mại điện tử phục vụ kinh doanh siêu thị trực tuyến (tập trung vào phân hệ bán hàng và quản trị sản phẩm).
• Phạm vi nghiên cứu: Đồ án học phần Cơ sở lập trình web do nhóm sinh viên lớp D17CNPM6 thực hiện tại Trường Đại học Điện Lực trong năm 2024.

---

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

Báo cáo ứng dụng lý thuyết phân tích thiết kế hệ thống hướng đối tượng thông qua ngôn ngữ mô hình hóa thống nhất (UML - Unified Modeling Language) và các nguyên lý xây dựng ứng dụng web hướng cơ sở dữ liệu quan hệ.

Khung lý thuyết và công nghệ sử dụng trong đồ án:

• Mô hình hóa hệ thống bằng các biểu đồ UML: Biểu đồ ca sử dụng (Use Case Diagram), biểu đồ hoạt động (Activity Diagram), biểu đồ trình tự (Sequence Diagram) và biểu đồ quan hệ thực thể cơ sở dữ liệu (Database Diagram).
• Công nghệ phát triển phía giao diện (Client-side): Ngôn ngữ HTML (tạo lập cấu trúc siêu văn bản), CSS (định dạng kiểu dáng và bố cục trang), JavaScript (xử lý logic kịch bản động và tương tác người dùng).
• Hệ quản trị cơ sở dữ liệu (DBMS): Microsoft SQL Server.
• Môi trường phát triển tích hợp (IDE): Microsoft Visual Studio 2022.

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

• Phương pháp khảo sát thực tế: Tìm hiểu mô hình vận hành thương mại điện tử của các hệ thống siêu thị thực tế trên thị trường (Go!, Lotte Market) để tổng hợp các chức năng cốt lõi.
• Phương pháp phân tích và thiết kế hệ thống thông tin: Đặc tả chi tiết từng Use Case theo các thành phần chuẩn (tên ca sử dụng, tác nhân, mô tả, dòng sự kiện, điều kiện kích hoạt, kết quả trả về); sau đó chuyển hóa thành các sơ đồ luồng nghiệp vụ và luồng thông điệp.
• Phương pháp thực nghiệm phần mềm: Cài đặt, viết mã nguồn các chức năng và kiểm thử vận hành trên môi trường trình duyệt.

---

Thiết kế và triển khai

Hệ thống được thiết kế theo cấu trúc phân quyền rõ ràng giữa hai nhóm tác nhân: Người quản lý (Admin) và Người dùng (Khách hàng/Thành viên).

Tác nhân (Actor)	Phạm vi chức năng (Use Case)
Người quản lý (Admin)	Đăng nhập hệ thống; Quản lý sản phẩm (thêm, sửa, xóa thông tin sản phẩm); Quản lý người dùng (xem danh sách, tìm kiếm, thêm, sửa, xóa thông tin khách hàng); Quản trị phân quyền; Đổi mật khẩu, quên mật khẩu, đăng xuất.
Người dùng (Khách hàng)	Đăng ký tài khoản mới; Đăng nhập hệ thống; Quản lý giỏ hàng (thêm sản phẩm, xóa sản phẩm khỏi giỏ); Thực hiện thanh toán; Đổi mật khẩu, quên mật khẩu, đăng xuất; Tìm kiếm và xem thông tin sản phẩm.

Thiết kế cơ sở dữ liệu (Lưu trữ)

Hệ thống tổ chức lưu trữ dữ liệu quan hệ trên SQL Server gồm 4 bảng thực thể chính:

1. Bảng khách hàng: Lưu trữ các thuộc tính định danh người dùng, thông tin liên hệ và tài khoản đăng nhập.
2. Bảng sản phẩm: Lưu trữ thông tin chi tiết về các mặt hàng bày bán trên website (mã, tên, đơn giá, mô tả).
3. Bảng giao dịch: Lưu trữ thông tin tổng quát về các đơn đặt hàng phát sinh trên hệ thống.
4. Bảng chi tiết giao dịch: Lưu trữ chi tiết từng sản phẩm, số lượng và giá trị trong mỗi đơn giao dịch cụ thể.

Thiết kế giao diện (UI)

Báo cáo xây dựng thiết kế giao diện cho các màn hình chức năng:

• Màn hình đăng nhập hệ thống.
• Các giao diện phía khách hàng: Giao diện trang chủ, Giao diện giới thiệu, Giao diện sản phẩm, Giao diện thương hiệu, Giao diện tin tức, Giao diện giỏ hàng, Giao diện tìm kiếm, Giao diện xác nhận thanh toán.

Triển khai lập trình

Mã nguồn hệ thống được viết bằng JavaScript, HTML và CSS trên Visual Studio 2022 kết nối cơ sở dữ liệu SQL Server. Nhóm tập trung hiện thực hóa các đoạn mã xử lý nghiệp vụ cho các chức năng trọng tâm: Chức năng Đăng xuất, Chức năng Tìm kiếm người dùng, Chức năng Sửa thông tin người dùng và Chức năng Xóa người dùng.

---

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

CHƯƠNG I: XÁC ĐỊNH ACTOR VÀ USE CASE TỔNG QUÁT HỆ THỐNG

Chương I tập trung phân tích tổng quan cấu trúc người dùng của hệ thống siêu thị trực tuyến. Nhóm tác giả xác định 2 tác nhân chính tham gia tương tác: Người quản lý và Người dùng. Nội dung chương trình bày Biểu đồ Use Case tổng quát (Hình 4.1), phác họa mối quan hệ giữa các tác nhân và các khối chức năng tương ứng, làm nền tảng cho việc phân tích chi tiết ở các giai đoạn tiếp theo.

CHƯƠNG II: PHÂN TÍCH CHI TIẾT TỪNG CHỨC NĂNG

Chương II là phần trọng tâm của báo cáo, tiến hành đặc tả và phân tích kỹ thuật 5 phân hệ chức năng chính:

• Chức năng đăng ký tài khoản: Cung cấp biểu đồ Use Case, biểu đồ hoạt động và biểu đồ trình tự. Đặc tả luồng sự kiện gồm 4 bước từ tiếp nhận thông tin (username, email, password, giới tính, ngày sinh), kiểm tra tính hợp lệ dữ liệu, tạo tài khoản trong cơ sở dữ liệu, xác thực qua email/số điện thoại và kết thúc.
• Chức năng đăng nhập: Đặc tả luồng đăng nhập, kiểm tra thông tin hợp lệ; phân quyền truy cập giữa giao diện người dùng và giao diện quản trị; phân tích các chức năng bổ trợ đi kèm gồm đổi mật khẩu, quên mật khẩu (gửi mã xác minh qua SMS/email) và đăng xuất. Mỗi chức năng đều có biểu đồ hoạt động và biểu đồ trình tự tương ứng.
• Chức năng quản lý giỏ hàng, thanh toán: Đặc tả quy trình khách hàng thêm sản phẩm vào giỏ, xóa sản phẩm khỏi giỏ, kiểm tra giao dịch hợp lệ, lưu trữ đơn hàng vào cơ sở dữ liệu và gửi mã đơn hàng cho khách hàng.
• Chức năng quản lý người dùng: Dành riêng cho Người quản lý. Phân tích chi tiết quy trình tìm kiếm người dùng (kết hợp bộ lọc danh sách), thêm người dùng mới (có kiểm tra cấu trúc dữ liệu), xóa người dùng và chỉnh sửa thông tin người dùng (yêu cầu quản trị viên nhập mật khẩu xác thực danh tính trước khi cập nhật dữ liệu và thiết lập trạng thái hiển thị công khai/riêng tư).
• Chức năng quản lý sản phẩm: Phục vụ Người quản lý với các nghiệp vụ thêm, sửa, xóa thông tin sản phẩm trên cơ sở dữ liệu; kiểm tra sự tồn tại và tính hợp lệ của mã/tên sản phẩm trước khi cập nhật.

CHƯƠNG III: THIẾT KẾ

Chương III trình bày kết quả thiết kế trực quan và cấu trúc dữ liệu của đồ án:

• Thiết kế giao diện: Bản vẽ bố cục các trang giao diện người dùng (Trang chủ, Giới thiệu, Sản phẩm, Thương hiệu, Tin tức, Giỏ hàng, Tìm kiếm, Xác nhận thanh toán) và giao diện xác thực đăng nhập.
• Thiết kế lưu trữ: Cung cấp cấu trúc của 4 bảng dữ liệu (Bảng khách hàng, Bảng sản phẩm, Bảng giao dịch, Bảng chi tiết giao dịch) cùng sơ đồ quan hệ tổng thể (Diagram cơ sở dữ liệu).

Chương IV : Lập trình

Chương IV trình bày về công nghệ cài đặt và triển khai hệ thống:

• Ngôn ngữ và công cụ lập trình: Nhóm phân tích lý do lựa chọn bộ ba công nghệ cơ bản HTML, CSS, JavaScript nhờ tính tương thích đa nền tảng, khả năng tạo trang web động và sự hỗ trợ của hệ sinh thái thư viện/framework phong phú. Công cụ thực hiện gồm Visual Studio 2022 và hệ quản trị cơ sở dữ liệu SQL Server.
• Phần code các chức năng: Trình bày mã nguồn thực thi cụ thể của 4 module nghiệp vụ: Chức năng Đăng xuất, Chức năng Tìm kiếm người dùng, Chức năng Sửa thông tin người dùng và Chức năng Xóa người dùng.

---

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

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

• Hoàn thành đầy đủ hồ sơ phân tích thiết kế hệ thống website siêu thị trực tuyến với hệ thống biểu đồ UML hoàn chỉnh (biểu đồ Use Case, Activity Diagram và Sequence Diagram cho 5 khối chức năng chính).
• Thiết kế hoàn chỉnh mô hình dữ liệu quan hệ gồm 4 bảng lưu trữ cốt lõi trên Microsoft SQL Server, phản ánh đúng nghiệp vụ mua sắm và quản lý bán hàng.
• Thiết kế hệ thống giao diện chức năng bao phủ toàn bộ luồng trải nghiệm từ xem thông tin, tìm kiếm, quản lý giỏ hàng đến xác nhận đơn hàng.
• Triển khai thành công mã nguồn cho các module nghiệp vụ cốt lõi bằng JavaScript, HTML và CSS trên Visual Studio 2022.

Đóng góp của đề tài

• Cung cấp một tài liệu báo cáo học phần có cấu trúc chuẩn mực về quy trình phân tích và thiết kế phần mềm hướng đối tượng ở cấp độ đại học.
• Đóng góp mô hình quy trình xử lý đơn hàng và quản lý tài khoản người dùng có tích hợp các bước xác thực bảo mật cho các ứng dụng web bán lẻ quy mô vừa và nhỏ.

---

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

• Hạn chế: Do giới hạn về mặt thời gian thực hiện học phần và kinh nghiệm lập trình của nhóm sinh viên, một số chức năng trong báo cáo và hệ thống website còn tồn tại những điểm chưa thật sự hoàn thiện tối đa về mặt tính năng và độ sâu triển khai.
• Hướng tiếp tục: Nhóm tác giả định hướng tiếp thu các ý kiến đánh giá, phản biện của giảng viên hướng dẫn để tiếp tục hoàn thiện, bổ sung các chức năng nâng cao và tối ưu hóa hệ thống website.

---

Giá trị tham khảo

Tài liệu là nguồn tham khảo trực quan cho:

• Sinh viên các ngành Công nghệ thông tin, Kỹ thuật phần mềm đang học các học phần Cơ sở lập trình web, Phân tích thiết kế hệ thống thông tin hoặc chuẩn bị thực hiện đồ án môn học.
• Người học cần tham khảo cách thức xây dựng tài liệu đặc tả ca sử dụng chuẩn (Use Case Specification), cách vẽ và liên kết giữa biểu đồ hoạt động (Activity Diagram) với biểu đồ trình tự (Sequence Diagram).
• Các nhà phát triển muốn tham khảo cấu trúc cơ sở dữ liệu tinh gọn và luồng quản lý người dùng có bước xác thực danh tính dành cho các website thương mại điện tử mini.

---

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

1. Báo cáo học phần này do nhóm sinh viên nào thực hiện và thuộc cơ sở đào tạo nào?
Báo cáo do nhóm 3 sinh viên gồm Chu Đức Mạnh (MSV: 22810350424), Đinh Duy Thắng (MSV: 2281035) và Đoàn Phương Anh (MSV: 2281031) thuộc lớp D17CNPM6, Khoa Công nghệ Thông tin, Trường Đại học Điện Lực thực hiện vào năm 2024.

2. Hệ thống website xác định những nhóm người dùng nào và phân quyền ra sao?
Hệ thống xác định 2 tác nhân chính: "Người quản lý" (toàn quyền quản lý sản phẩm, quản lý thông tin khách hàng, phân quyền hệ thống) và "Người dùng" (thực hiện đăng ký, đăng nhập, tìm kiếm sản phẩm, quản lý giỏ hàng và thanh toán).

3. Cơ sở dữ liệu của hệ thống được tổ chức lưu trữ gồm những bảng dữ liệu nào?
Hệ thống được thiết kế lưu trữ trên SQL Server gồm 4 bảng chính: Bảng khách hàng, Bảng sản phẩm, Bảng giao dịch và Bảng chi tiết giao dịch.

4. Nhóm tác giả đã sử dụng những công nghệ và công cụ lập trình nào để xây dựng đề tài?
Hệ thống sử dụng HTML, CSS và JavaScript làm ngôn ngữ xây dựng giao diện và xử lý logic tương tác; sử dụng phần mềm Microsoft Visual Studio 2022 làm môi trường lập trình và Microsoft SQL Server làm hệ quản trị cơ sở dữ liệu.

5. Trong chức năng quản lý người dùng, khi Quản trị viên tiến hành xóa hoặc sửa dữ liệu khách hàng thì hệ thống yêu cầu bước xác thực nào?
Khi quản trị viên thực hiện xóa hoặc sửa thông tin người dùng, hệ thống sẽ đưa ra yêu cầu xác nhận danh tính bắt buộc bằng cách yêu cầu nhập mật khẩu xác thực (hoặc phương thức xác thực) trước khi tiến hành cập nhật hay loại bỏ bản ghi trong cơ sở dữ liệu.

---

Kết luận

Báo cáo học phần "Xây dựng hệ thống siêu thị" của nhóm sinh viên Trường Đại học Điện Lực đã trình bày tương đối toàn diện quy trình phát triển một website thương mại điện tử cơ bản. Đề tài hoàn thành tốt các mục tiêu từ khảo sát nhu cầu, mô hình hóa hệ thống bằng biểu đồ UML, thiết kế cơ sở dữ liệu quan hệ đến cài đặt mã nguồn các chức năng trọng điểm. Đây là tài liệu đồ án môn học có giá trị học thuật và tham khảo thiết thực cho sinh viên ngành Công nghệ thông tin trong các học phần lập trình web và phân tích hệ thống.

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

CHƯƠNG I: XÁC ĐỊNH ACTOR VÀ USE CASE TỔNG QUÁT HỆ THỐNG I. Xác định Actor hệ thống STT Actor Use case 1 Người quản lý - Đăng nhập - Quản lý sản phẩm - Quản lý người dùng 2 Người dùng - Đăng nhập - Đăng ký - Quản lý giỏ hàng, thanh toán 4 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- II. Biểu đồ UseCase toàn hệ thống Hình 4.1: Usecase tổng CHƯƠNG II: PHÂN TÍCH CHI TIẾT TỪNG CHỨC NĂNG I. Chức năng đăng ký tài khoản 1.

Biểu đồ Use case 5 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Hình 5.1: Usecase đăng ký * Đặc tả Use case đăng kí - Tên Use case : đăng kí hệ thống - Tên tác nhân : khách hàng , quản trị - Mô tả : cho phép tác nhân đăng kí website, truy cập và sử dụng website - Dòng dự kiện : + Bước 1. Tác nhân tiến hành mở giao diện đăng kí Tác nhân nhập những thông tin cần thiết, tên đăng kí (username), địa chỉ email (email address) và mật khẩu (password) vào khung đăng kí + Bước 2. Hệ thống tiến hành kiểm tra tính hợp lệ của thông tin đăng kí mà tác nhân đã gửi vào Thông tin đăng ký không hợp lệ hệ thống sẽ hiển thị “ thông tin chưa hợp lệ” và yêu cầu người dùng điều chỉnh lại thông tin Thông tin đăng ký hợp lệ, hệ thống tạo một tài khoản mới cho người dùng và lưu thông tin đăng ký vào cơ sở dữ liệu + Bước 3. Hệ thống hiển thị thông báo và yêu cầu người dùng xác nhận đăng ký thông qua email hoặc các phương thức xác thực khác (vd: số điện thoại, zalo,v.v) Sau khi xác thực thành công, hệ thống xác nhận đăng ký và chuyển người dùng đến trang đăng nhập + Bước 4.

Kết thúc quá trình đăng ký - Yêu cầu : + Người dùng phải có đầy đủ thông tin cá nhân + Người dùng phải đồng ý các điều khoản và điều kiện khi sử dụng website + Phải có internet - Kết quả trả về : Tác nhân đăng kí thành công. - Các luồng tương tác : Tác nhân đăng kí hệ thống. Biểu đồ hoạt động chức năng a. Đăng kí người dùng - Người thực hiện: người dùng - Điều kiện kích hoạt: Tác nhân tiến hành đăng kí người dùng và đáp ứng đủ các thông tin cá nhân, các điều khoản và điều kiện, các thông tin bắt buộc - Sơ đồ luồng nghiệp vụ cơ bản 6 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Hình 5.2: Activity diagram đăng kí - Mô tả các bước trong luồng nghiệp vụ + Bước 1 : Thành viên, người dùng tiến hành đăng kí + Bước 2 : Hiện thị biểu mẫu đăng kí + Bước 3 : Thành viên, người dùng tiến hành điền các thông tin như : Tên đăng kí , Email hoặc số điện thoại, Password, Giới tính, Ngày sinh +Bước 4 : Xác thưc thông tin đăng kí Thông tin chính xác(ĐÚNG) : sang bước 5 Thông tin không chính xác (SAI) : quay lại bước 3 7 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Bước 5 : Tạo tài khoản + Bước 6 : Kết thúc 3.

Biểu đồ trình tự chức năng Hình 5.3: Biểu đồ trình tự chức năng 8 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- II. Chức năng đăng nhập 1. Biểu đồ Usecase Hình 5.4 Use case đăng nhập Đặc tả Use case đăng nhập - Tên Use case : đăng nhập hệ thống - Tên tác nhân : khách hàng , quản trị - Mô tả : cho phép tác nhân đăng nhập trên website để thực hiện các chức năng riêng biệt - Dòng dự kiện : - Tác nhân tiến hành mở giao diện đăng nhập + Tác nhân điền tên đăng nhập ( username) và mật khẩu ( password) của mình vào khung đăng nhập + Hệ thống tiến hành kiểm tra thông tin dữ liệu đăng nhập mà tác nhân gửi vào + Thông tin chính xác thì hệ thống sẽ đưa tác nhân truy cập vào 9 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Thông tin sai thì hệ thống sẽ hiển thị “ tài khoản hoặc mật khẩu không đúng “ và sẽ đưa tác nhân quay lại giao diện đăng nhập để tác nhân cung cấp lại thông tin + Kết thúc quá trình đăng nhập - Yêu cầu : phải có mạng internet - Kết quả trả về : Tác nhân có đăng nhập thành công hay không. - Các luồng tương tác : Tác nhân đăng nhập vào hệ thống 2.

Biểu đồ hoạt động chức năng a. Chức năng đăng nhập - Người thực hiện: Quản trị và các thành viên trong trang wed - Điều kiện kích hoạt: Quản trị và các thành viên trong trang wed tiến hành đăng nhập vào trang wed - Sơ đồ luồng nghiệp vụ cơ bản Hình 5.5: Activity diagram đăng nhập. - Mô tả các bước trong luồng nghiệp vụ: + Bước 1 : Quản trị và các thành viên trong trang wed tiến hành đăng nhập. + Bước 2 : Hiện thị khung đăng nhập.

10 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Bước 3 : Quản trị và các thành viên tiến hành nhập dữ liệu yêu cầu như: Tên đăng nhập hoặc email. + Bước 4 : kiểm tra thông tin đăng nhập + Dữ liệu có trong hệ thống (ĐÚNG) : sang bước 5. + Dữ liệu không có trong hệ thống (SAI) : quay lại bước 3. - Bước 5 : hiện thị trang chủ.

- Bước 6 : Kết thúc. Chức năng phân quyền đăng nhập - Người thực hiện: Quản trị và các thành viên trong trang wed. - Điều kiện kích hoạt: Quản trị và các thành viên trong trang wed tiến hành đăng nhập vào trang wed. - Sơ đồ luồng nghiệp vụ cơ bản: Hình 5.6: Activity diagram phân quyền đăng nhập.

- Mô tả các bước trong luồng nghiệp vụ: + Bước 1 : Quản trị và các thành viên trong trang wed tiến hành đăng nhập. 11 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Bước 2 : Hiện thị khung đăng nhập. + Bước 3 : Quản trị và các thành viên tiến hành nhập dữ liệu yêu cầu như: Tên đăng nhập hoặc email. + Bước 4 : Kiểm tra thông tin đăng nhập.

Dữ liệu có trong hệ thống (ĐÚNG) : sang bước 5. Dữ liệu không có trong hệ thống (SAI) : quay lại bước 3. + Bước 5 : Xác nhận quyền truy cập: Quyền truy cập cho người dùng: tiến hành bước 6. Quyền truy cập cho quản trị ( admin ) : tiến hành bước 7.

+ Bước 6 ; Hiển thị trang chủ của người dùng. + Bước 7 : Hiển thị trang chủ của quản trị. + Bước 8 : Kết thúc. Chức năng đổi mật khẩu - Người thực hiện: Quản trị và các thành viên trong trang wed.

12 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- - Điều kiện kích hoạt: Quản trị và các thành viên trong trang wed tiến hành đăng nhập vào trang wed. - Sơ đồ luồng nghiệp vụ cơ bản: Hình 5.7 Activity diagram đổi mật khẩu. - Mô tả các bước trong luồng nghiệp vụ: + Bước 1: Quản trị và các thành viên trong trang wed tiến hành đăng nhập. + Bước 2 : Hiện thị khung đăng nhập.

+ Bước 3 : Quản trị và các thành viên tiến hành nhập dữ liệu yêu cầu như : Tên đăng nhập hoặc email. + Bước 4 : Kiểm tra thông tin đăng nhập. Dữ liệu có trong hệ thống (ĐÚNG) : sang bước 5. Dữ liệu không có trong hệ thống (SAI) : quay lại bước 3.

+ Bước 5 : Hiện thị trang chủ. 13 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Bước 6 :Quản trị và các thành viên nhấn chọn phần cá nhân và thông tin các nhân + Bước 7 : Sửa đổi mật khẩu + Bước 8 : Nhập thông tin: nhập mật khẫu cũ và mật khẩu mới + Bước 9 : hệ thống thông báo sửa đổi thành công + Bước 10 : kết thúc d. Chức năng quên mật khẩu - Người thực hiện: Quản trị và các thành viên trong trang wed. - Điều kiện kích hoạt: Quản trị và các thành viên trong trang wed tiến hành đăng nhập vào trang wed.

- Sơ đồ luồng nghiệp vụ cơ bản: Hình 5.8 Activity diagram quên mật khẩu. - Mô tả các bước trong luồng nghiệp vụ: + Bước 1: Quản trị và các thành viên trong trang wed tiến hành đăng nhập. + Bước 2 : Hiện thị khung đăng nhập. 14 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- + Bước 3 : Quản trị và người dùng trong nhóm ấn nút quên mặt khẩu.

+ Bước 4 : hẹ thống hiện thị khung quên mặt khẩu. + Bước 5 : Quản trị và các thành viên nhập thông xác minh như SDT , email. + Bước 6 : hệ thống sẽ gửi mã xác minh vào SDT hoặc email. + Bước 7 : nhập mã xác minh và mặt khẩu mới.

+ Bước 8 : hệ thống thông báo sửa mặt khẩu thành công. + Bước 9 : Kết thúc. Chức năng đăng xuất - Người thực hiện: Quản trị và các thành viên trong trang wed. - Điều kiện kích hoạt: Quản trị và các thành viên trong trang wed tiến hành đăng nhập vào trang wed.

- Sơ đồ luồng nghiệp vụ cơ bản: Hình 5.9 Activity diagram đăng xuất. - Mô tả các bước trong luồng nghiệp vụ: + Bước 1: Quản trị và các thành viên trong trang wed tiến hành đăng nhập. + Bước 2 : Hiện thị khung đăng nhập. + Bước 3 : Quản trị và các thành viên tiến hành nhập dữ liệu yêu cầu như : 15 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Tên đăng nhập hoặc email.

Password + Bước 4 : Kiểm tra thông tin đăng nhập Dữ liệu có trong hệ thống (ĐÚNG) : sang bước 5 Dữ liệu không có trong hệ thống (SAI) : quay lại bước 3 + Bước 5 : Hiển thị trang chủ + Bước 6 :Quản trị và các thành viên nhấn chọn phần cá nhân và thông tin các nhân + Bước 7 : Ấn nút đăng xuất + Bước 8 : Trở về giao diện hệ thống + Bước 9 : Kết thúc 3. Biểu đồ trình tự chức năng a. Chức năng đăng nhập Hình 5.10: Biểu đồ trình tự chức năng đăng nhập b. Chức năng đổi mật khẩu 16 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Hình 5.11: Biểu đồ trình tự chức năng đổi mật khẩu c.

Chức năng quên mặt khẩu 17 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Hình 5.12: Biểu đồ trình tự chức năng quên mật khẩu d. Chức năng đăng xuất 18 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- Hình 5.13: Biểu đồ trình tự chức năng đăng xuất 19 Cơ sở lập trình web – D17CNPM6 – Nhóm 1 2024- III.