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.