Đề tài XÂY DỰNG TRANG WEBSITE BÁN QUẦN áo (sơ đồ luồng dữ liệu và cơ sở dữ liệu các nghiệp vụ)

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO  MÔN HỌC: CÔNG NGHỆ PHẦN MỀM Đề tài: XÂY DỰNG TRANG WEBSITE BÁN QUẦN ÁO (Sơ đồ luồng dữ liệu và sở dữ liệu các nghiệp vụ) GVHD: Thầy Mai Tuấn Khôi SVTH: 1.Nguyễn Tuấn Tài 18110193 2.Phạm Ngọc Hưng 18110127 Thành phố Hờ Chí Minh, Tháng Năm 2021 1.Các nghiệp vụ của Admin 1.1 Thêm sản phẩm 1.1.1 Sơ đồ luồng dữ liệu 1.1.2 Mô tả dữ liệu: D1: Thông tin sản phẩm cần thêm - SanPham (Mã sản phẩm, tên sản phẩm, loại sản phẩm, giá sản phẩm, chi tiết sản phẩm) D3: Thông tin số lượng sản phẩm danh sách danh mục sản phẩm: - SanPham (Mã sản phẩm, tên sản phẩm, loại sản phẩm, giá sản phẩm, chi tiết sản phẩm) DanhMucSP (Tên loại sản phẩm) D4: Thông tin lấy từ D1 D6: - D61: Danh sách tên danh mục sản phẩm D62: Thông báo kết quả tạo sản phẩm 1.1.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Admin nhập tên sản phẩm để kiểm tra có tồn sản phẩm chưa ? - Nếu có, chọn vào Sản phẩm tăng số lượng sản phẩm - Nếu không, chọn AddPro đến B3 B3: Admin nhập thông tin sản phẩm nhấn nút “thêm sản phẩm” B4: Kiểm tra ô thông tin có để trống hay khơng? • Nếu có: thơng báo thao tác thất bại • Nếu không: kiểm tra “giá sản phẩm” có phải số hay không? o Nếu không: thông báo thao tác thất bại o Nếu có: tiến hành B5 B5: Thêm sản phẩm vào bảng SanPham B6: Kiểm tra “loại sản phẩm” đã có bảng DanhmucSP chưa? • Nếu có, khơng thêm vào bảng DanhMucSP • Nếu chưa có, thêm “loại sản phẩm” vào bảng DanhMucSP B7: Thông báo thao tác thành công 1.2 Xóa sản phẩm 1.2.1 Sơ đồ luồng dữ liệu 1.2.2 Mô tả dữ liệu D1: Thông tin sản phẩm muốn xóa - SanPham (mã sản phẩm) D3: Danh sách sản phẩm “còn hàng” - SanPham (mã sản phẩm, tên sản phẩm, hình ảnh, trạng thái) D4: Thông tin lấy từ D1 D6: - D61: Danh sách sản phẩm - D62: Thông báo xác nhận thao tác - D63: Thông báo kết quả xóa sản phẩm 1.2.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Hiển thị danh sách sản phẩm có “Status = 1” lên giao diện bảng B3: Chọn sản phẩm cần xóa nhấn nút Xóa B4: Thơng báo xác nhận thao tác • Nếu nhấn nút “hủy”, thao thao tác xóa không thực hiện • Nếu nhấn nút “xác nhận”, tiến hành B5 B5: Sản phẩm ẩn khỏi bảng trạng thái “Status = 0” B6: Thông báo thao tác thành công 1.3 Xem chi tiết sản phẩm 1.3.1 Sơ đồ luồng dữ liệu 1.3.2 Mô tả dữ liệu D1: Thông tin sản phẩm - SanPham (mã sản phẩm) D3: Thông tin sản phẩm: - PRODUCT (mã sản phẩm, tên sản phẩm, giá sản phẩm, mô tả chi tiết, trạng thái) D6: Thông tin sản phẩm 1.3.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Lấy thông tin sản phẩm bảng SanPham thông qua mã sản phẩm • Select * from SanPham where ProductId = “mã sản phẩm” B3: Hiển thị những thông tin lấy lên giao diện 1.4 Chỉnh sửa sản phẩm 1.4.1 Sơ đồ luồng dữ liệu 1.4.2 Mô tả dữ liệu D1: Thông tin sản phẩm cần sửa - D11: Thông tin sản phẩm cần sửa (mã sản phẩm, tên sản phẩm) - D12: Thông tin sản phẩm đã sửa SanPham (tên sản phẩm, loại sane phẩm, giá sản phẩm, mô tả chi tiết, trạng thái) D3: Thông tin sản phẩm ban đầu - SanPham (tên sản phẩm, loại sản phẩm, giá sản phẩm, mô tả chi tiết, trạng thái,) D4: Thông tin lấy từ D1 D6: Thông báo - D61: Thông báo xác nhận thao tác - D62: Thơng báo tình trạng thao tác 1.4.3 Tḥt tốn B1: Hiển thị thao báo xác nhận thao tác sửa sản phẩm • Nếu admin nhấn nút “hủy”, thao tác kết thúc • Nếu admin nhấn nút “xác nhận”, tiến hành bước B2: Mở kết nối xuống sở dữ liệu B3: Hiển thị thông tin sản phẩm lên giao diện B4: Tiến hành cập nhật thông tin sản phẩm • Update SanPham set ProductName = prodInfo.prodName, ProductPrice = prodInfo.prodPrice, ProductPromo = prodInfo.prodPromo, ProductDesc = prodInfo.prodDesc, Status = prodInfo.prodStatus where ProductId = prodInfo.prodId B5: Hiền thị thông báo xác nhận chắc chắn những thay đổi sản phẩm B6: Thông báo thao tác thành công 1.5 Quản lý User 1.5.1 Sơ đồ luồng dữ liệu 1.5.2 Mô tả dữ liệu D3: Thông tin user - Users (mã user, tên user, email user, địa chỉ, ngày sinh, quyền user, trạng thái) - Role (tên loại user) D6: Các thông tin - Tên user - Quyền user - Email - Địa chỉ - Ngày sinh - Trạng thái 1.5.3 Thuật toán B1: Mở kết nối tới sở dữ liệu B2: Lấy danh sách User có “Trạng thái = 1” B3: Xem quyền user với user tương ứng B4: Hiển thị kết quả lấy lên giao diện 1.6 Xóa User 1.6.1 Sơ đồ luồng dữ liệu 1.6.2 Mô tả dữ liệu D1: Thông tin user muốn xóa - Users (mã user) D4: bảng Users đã cập nhật lại D6: Thông báo: - D61: Xác nhận thao tác - D62: Thông báo kết quả thực thi 1.6.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Xác nhận thao tác • Nếu admin nhấn “hủy”, thao tác kết thúc • Nếu admin nhấn “xác nhận”, tiến hành bước B3: Nhận mã user từ admin B4: Tiến hành “xóa” user bảng Users • Update USER set Status = where UserId = “mã user” B5: Thông báo thao tác thành công 1.7 Thêm User 1.7.1 Sơ đồ luồng dữ liệu 1.7.2 Mô tả dữ liệu D4: Bảng USER đã cập nhật lại D6: Thông báo: - D61: Xác nhận thao tác - D62: Thông báo kết quả thực thi 1.7.3 Thuật tốn B1: Admin nhập thơng tin User B2: Kiểm tra trường có trống khơng? • Nếu có, u cầu nhập lại • Nếu khơng tiến hàng B3 B3: Admin nhấn nút “thêm user” B4: Thêm user vào bảng user, “trạng thái = 1” B6: Xác nhận thêm thành công User 1.8 Sửa User 1.8.1 Sơ đồ luồng dữ liệu 1.8.2 Mô tả dữ liệu D1: Thông tin user cần sửa - D11: Thông tin sản phẩm cần sửa (mã user) - D12: Thông tin sản phẩm đã sửa Users (tên user, email, địa chỉ, ngày sinh, trạng thái) D3: Thông tin user ban đầu Users (tên user, email, địa chỉ, ngày sinh, trạng thái) D4: Thông tin lấy từ D1 D6: Thông báo - D61: Thông báo xác nhận thao tác - D62: Thơng báo tình trạng thao tác 1.8.3 Thuật toán B1: Hiển thị thao báo xác nhận thao tác sửa user • Nếu admin nhấn nút “hủy”, thao tác kết thúc • Nếu admin nhấn nút “xác nhận”, tiến hành bước B2: Mở kết nối xuống sở dữ liệu B3: Hiển thị thông tin user lên giao diện B4: Tiến hành cập nhật thông tin user B5: Hiền thị thông báo xác nhận chắc chắn những thay đổi sản phẩm B6: Thông báo thao tác thành công 1.9 Xem chi tiết đơn hàng 1.9.1 Sơ đồ luồng dữ liệu 1.9.2 Mô tả dữ liệu D1: Thông tin đơn hàng cần xem - Orders (mã đơn hàng) D3: Thông tin đơn hàng - SanPham (tên sản phẩm, hình ảnh sản phẩm) - Order (mã đơn hàng, mã user, tổng số lượng sản phẩm, ngày đặt hàng, tình trạng đơn hàng, giá trị đơn hàng, địa chỉ nhận hàng, người nhận hàng, số điện thoại người nhận) - Order_item (mã sản phẩm, số lượng sản phẩm, tổng tiền sản phẩm) - USERs (tên user) D6: Thông tin chi tiết đơn hàng - Mã đơn hàng, tởng số lượng sản phẩm, ngày đặt hàng, tình trạng đơn hàng, giá trị đơn hàng, người nhận, số điện thoại người nhận - Tên người đặt hàng - Danh sách tên, hình sản phẩm số lượng sản phẩm đơn hang 1.9.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Lấy thông tin đơn hàng từ bảng D3 thông qua mã đơn hàng B3: Hiển thị thông tin lên giao diện 1.10 Sửa đơn hàng 1.10.1 Sơ đồ luồng dữ liệu 1.10.2 Mô tả dữ liệu D1: Thông tin đơn hàng cần sửa - Orders (mã đơn hàng) D3: Thông tin đơn hàng - Orders (mã đơn hàng, ngày tạo đơn hàng, giá trị đơn hàng, tình hình đơn hàng) D4: Thông tin cập nhật đơn hàng - Orders (tình hình đơn hàng) D6: Thơng báo - D61: Xác nhận thao tác - D62: Kết quả thao tác 1.10.3 Tḥt tốn B1: Hiển thị thơng báo admin nhấn vào nút “thay đổi trạng thái”của đơn hàng • Nếu admin nhấn nút “hủy”, thao tác kết thúc • Nếu admin nhấn nút “xác nhận”, tiến hàng bước B2: Mở kết nối xuống sở dữ liệu B5: Cập nhật tình hình đơn hàng bằng cách thay đổi “trạng thái” B6: Thông báo thao tác thành công 1.11 Thêm Danh mục sản phẩm 1.11.1 Sơ đồ luồng dữ liệu 1.11.2 Mô tả dữ liệu D1: Thông tin danh mục sản phẩm - DanhMucSP (tên danh mục sản phẩm) D4: Thông tin danh mục sản phẩm - Mã danh mục sản phẩm - Tên danh mục sản phẩm D6: Thông báo - D61: Dữ liệu hợp lệ - D62: Xác nhận thao tác - D63: Tình hình thao tác 1.11.3 Thuật toán B1: Admin nhấn vào nút “thêm danh mục sản phẩm” • Kiểm tra tên danh mục sản phẩm o Nếu rỗng, thông báo dữ liệu không hợp lệ kết thúc thao tác o Ngược lại, tiến hành bước • Thơng báo xác nhận thao tác o Nếu admin nhấn nút “hủy”, thao tác kết thúc o Nếu admin nhấn nút “xác nhận”, tiến hành bước B2: Kết nối xuống sở dữ liệu B4: Thêm danh mục sản phẩm vào bảng DanhMucSP B5: Thông báo thao tác thành công 1.12 Xóa Danh mục sản phẩm 1.12.1 Sơ đồ luồng dữ liệu 1.12.2 Mô tả dữ liệu D1: Thông tin danh mục sản phẩm - DanhMucSP (Mã danh mục sản phẩm) D3: Danh sách danh mục sản phẩm “active” - DanhMucSP (mã danh mục sản phẩm, tên danh mục sản phẩm, trạng thái) D4: Thông tin danh mục sản phẩm - DanhMucSP (trạng thái danh mục sản phẩm thay đổi) D6: Thông báo - D61: Xác nhận thao tác - D62: Kết quả thao tác 1.12.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Hiển thị danh sách danh mục sản phẩm có “STATUS = 1” B3: Chọn danh mục sản phẩm cần xóa nhấn nút B4: Thông báo xác nhận thao tác • Nếu nhấn nút “hủy”, thao thao tác xóa khơng thực hiện • Nếu nhấn nút “xác nhận”, tiến hành bước B8: Thực hiện câu lệnh xóa danh mục sản phẩm lưu lại thời gian thay đổi B9: Thông báo thao tác thành công 1.13 Sửa danh mục sản phẩm 1.13.1 Sơ đồ luồng dữ liệu 1.13.2 Mô tả dữ liệu D1: Thông tin danh mục sản phẩm - DanhMucSP (tên danh mục sản phẩm, trạng thái) D3: Thông tin danh mục sản phẩm ban đầu - DanhMucSP (mã danh mục sản phẩm, tên danh mục sản phẩm, trạng thái) D4: Thông tin lấy từ D1 D6: Thông báo - D61: Thông báo xác nhận thao tác - D62: Thơng báo tình trạng thao tác 1.13.3 Thuật toán B1: Mở kết nối xuống sở dữ liệu B2: Lấy thông tin ban đầu danh mục sản phẩm B3: Hiển thị thông báo xác nhận thao tác sửa danh mục sản phẩm • Nếu admin nhấn nút “hủy”, thao tác kết thúc • Nếu admin nhấn nút “xác nhận”, tiến hành bước B5: Lưu thông tin thay đổi B6: Tiến hành cập nhật thông tin danh mục sản phẩm B7: Thông báo thao tác thành công III BẢNG KẾ HOẠCH THỰC HIỆN STT Tên công việc Thành viên thực hiện Vẽ sơ đồ Usecase tổng quát, Guest Hưng Vẽ sơ đồ Usecase User, Admin Tài Mô tả Usecase Guest, bảng quy định Tài Mô tả UseCase User, Admin, bảng quy định, biểu mẫu Hưng IV Bảng tỉ lệ đóng góp STT Họ và tên Nguyễn Tuấn Tài Phạm Ngọc Hưng Tên công việc Vẽ sơ đồ UseCase, mô tả UseCase, lập bảng quy định, biểu mẫu Tỉ lệ hoàn thành 40% 60% ... 1 .Các nghiệp vụ của Admin 1.1 Thêm sản phẩm 1.1.1 Sơ đồ luồng dữ liệu 1.1.2 Mô tả dữ liệu:... Mô tả UseCase User, Admin, bảng quy định, biểu mẫu Hưng IV Bảng tỉ lệ đóng góp STT Họ và tên Nguyễn Tuấn Tài Phạm Ngọc Hưng Tên công việc Vẽ sơ đồ UseCase, mô tả UseCase, lập