Với sự bùng nỗ của công nghệ thông tin, việc áp dụng vào kinh doanh là cực kì quan trọng, đối với khách hàng họ có thê ngồi ở nhà với thiết bị di động, laptop, máy tính bảng của mình để
Phân tích chỉ tiết từng chức năng của hệ thống
Chức năng đăng nhập, đăng xuất
4.2.1.1 Biểu đồ use case cho chức năng đăng nhập
Quan ly cua hang Dang nhap “= -£endud> °
Xac thuc tai khoan inh 4.2: So dé Use Case dang nhập ® - Đặc tảuse case đăng nhập, đăng xuất
- Tac nhân: Quản lý cửa hàng
Mỗi khi người dùng truy cập vào hệ thống quản lý, họ cần thực hiện chức năng đăng nhập Sau khi hoàn tất công việc, việc đăng xuất khỏi phần mềm là cần thiết để bảo vệ tài khoản và thông tin cá nhân.
+Tác nhân yêu cầu giao diện đăng nhập vào hệ thông
+ Hệ thống hiện thị giao điện đăng nhập cho tác nhân
+Tác nhân sẽ: cập nhật tên đăng nhập (usename) và mật khâu (password)
Hệ thống thực hiện kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào Nếu thông tin chính xác, hệ thống sẽ gửi thông báo và đưa tác nhân vào hệ thống chính Quá trình này đánh dấu sự kết thúc của use case đăng nhập.
+ Sự kiện 1: Nếu tác nhân đăng nhập đúng, nhưng lại muốn thoát khỏi hệ thống Hệ thông thông báo thoát bằng cách đăng xuất Kết thúc use case
+Sự kiện 2: Nếu tác nhân đăng nhập sai Hệ thống thông báo đăng nhập lại hoặc thoát Sau khi tác nhân chọn thoát Kết thúc use case
- Các yêu câu đặc biệt: Không có
- Trạng thái hệ thông trước khi sử dụng use case: Không có yêu cầu
- Trạng thái hệ thống sau khi sử dung use case:
4.2.1.2 Biểu đồ trình tự chức năng đăng nhập
Quan ly cua hang | FromChuongTrinh | ControlDangNhap | Tai Khoan |
„Quan Wy cua — ~ „Tai hang : ControlDangNhap Khoan
2 Yeu cau giao dien dang nhap ơ
7: Gui thong tin dang nhap ig '
8: Gui yeu cau dang nhap :
Hình 4.3: Biểu đồ trình tự chức năng đăng nhập
Chức năng quản lý sản phẩm óc ccccccsssei 24 1 Biểu đồ use case chức năng quản lý san pham
4.2.2.1 Biểu đồ use case chức năng quản lý sản phẩm
Quan ly cua hang Quan ly san phamy- ° Xoa san pham
Hình 4.4: Biểu đồ Use case chức năng quản lý sản phẩm © - Đặc tả use case quan ly sản phẩm
- Tác nhân: Quản lý cửa hàng
Để sử dụng hệ thống quản lý, tác nhân cần đăng nhập thành công vào hệ thống Sau đó, họ có thể chọn chức năng quản lý phòng và thực hiện các thao tác như thêm, sửa, hoặc xóa thông tin sản phẩm.
+ Tác nhân đăng nhập hệ thống thành công
+ Tác nhân yêu cầu giao điện quản lý sản phẩm
+ Hệ thống hiện thị giao diện quản lý sản phẩm cho tác nhân
+ Tác nhân sẽ: Thêm, sửa, xóa dữ liệu sản phâm cần thiết
+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thông
+ Thông tin đúng thì hệ thống gửi thông báo
+ Kết thúc use case quản lý sản phẩm
Khi người dùng thực hiện các thao tác thêm, sửa hoặc xóa thông tin một cách chính xác và muốn trở về giao diện chính, hệ thống sẽ tự động quay lại giao diện chính Kết thúc trường hợp sử dụng.
Trong sự kiện thứ hai, khi tác nhân thực hiện việc thêm, sửa hoặc xóa thông tin không chính xác, hệ thống sẽ thông báo cho tác nhân về các thay đổi cần thiết Tác nhân có thể lựa chọn trở về giao diện chính sau khi hoàn tất các thao tác này Kết thúc trường hợp sử dụng.
- Các yêu cầu đặc biệt: Không có
- Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu
- Trạng thái hệ thống sau khi sử dụng use case:
Khi bạn thực hiện thêm, sửa hoặc xóa thành công, hệ thống sẽ hiển thị thông báo “Bạn đã thêm, sửa, xóa thành công!!!” và chuyển hướng đến giao diện chính để bạn có thể tiếp tục thực hiện các chức năng khác.
Nếu việc thêm, sửa, hoặc xóa thông tin không thành công, hệ thống sẽ hiển thị thông báo “Bạn đã thêm, sửa, xóa thất bại!!!” và tự động quay lại chức năng để bạn có thể nhập lại thông tin nhân viên cần thực hiện.
4.2.2.2 Biểu đồ trình tự chức năng quản lý sản phẩm
+ Ÿeu caufom quan lysan phám l Šannham
2: Yeu cau hien thi giao dien
2 Hien thi quan ly san pham 4: Yau cau nhap lua chon chuc ngng
5: Chan che gtthem, xoa, sua, ta ai)san pham
_ 6: Xu ly su kien Bien thi giao dien duoc yeu 8: Yau cau nhap thong tin san phạm
9: Nhap thong tin san pham?
44: Thong bao ket qua ra man inh
Hình 4.5: Biểu đồ trình tự chức năng quản lý sản phẩm -
Chức năng quản lý danh mục sản phẩm
4.2.3.1 Biểu đồ use case chức năng quản lý danh mục sản phẩm
Them danh mục san pham
Quan ly cua hang Quan ly danh mục san pham Xoa danh muc san pham te
Sua danh muc san pham
Hình 4.6: Biểu đồ Use case chức năng quản lý danh mục sản phẩm ® - Đặc tả use case quản lý danh mục sản phẩm
- Tác nhân: Quản lý cửa hàng
Để sử dụng hệ thống quản lý, tác nhân cần đăng nhập thành công Sau đó, họ sẽ chọn chức năng quản lý phòng và thực hiện các thao tác như thêm, sửa và xóa danh mục sản phẩm.
+ Tác nhân đăng nhập hệ thống thành công
+ Tác nhân yêu cầu giao điện quản lý danh mục sản phâm
+ Hệ thống hién thi giao dién quản lý danh mục sản phâm cho tác nhân + Tác nhân sẽ: Thêm, sửa, xóa dữ liệu danh mục sản phâm cần thiết
+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thông
+ Thông tin đúng thì hệ thống gửi thông báo
+ Kết thúc use case quản lý danh mục sản phẩm
Khi người dùng thực hiện các thao tác thêm, sửa hoặc xóa thông tin một cách chính xác nhưng muốn quay lại giao diện chính, hệ thống sẽ tự động chuyển về giao diện chính Điều này đánh dấu sự kết thúc của trường hợp sử dụng.
Trong sự kiện 2, khi tác nhân thực hiện thêm, sửa hoặc xóa thông tin sai, hệ thống sẽ thông báo về các thay đổi này và đưa ra tùy chọn để quay trở lại giao diện chính Sau khi tác nhân lựa chọn trở về giao diện chính, quá trình sử dụng sẽ kết thúc.
- Các yêu cầu đặc biệt: Không có
- Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu
- Trạng thái hệ thống sau khi sử dụng use case:
Hệ thống sẽ thông báo "Bạn đã thêm, sửa, xóa thành công!!!" khi các thao tác này được thực hiện thành công, sau đó sẽ hiển thị giao diện chính để người dùng có thể tiếp tục thực hiện các chức năng khác.
Nếu quá trình thêm, sửa hoặc xóa thông tin không thành công, hệ thống sẽ hiển thị thông báo “Bạn đã thêm, sửa, xóa thất bại!!!” và tự động quay lại chức năng để bạn có thể nhập lại thông tin nhân viên cần thực hiện.
4.2.3.2 Biểu đồ trình tự chức năng quản lý danh mục sản phẩm
: Quan ly cua hang | : FromQuanlydanhmuœanpham | = |
1: Yeu gau from quan ly danh mục sari pham :
2:Yeu cauhien thi gaodien : en quan y dann san :
4{ Yuu cou map ua chon conga : !
5 Chon chugnang(them xoa, sua) danh moc san pham ị
7: Hien thi giao dien duoc yeu cau
8: Yeu ¢au nhap thong tin danh mucs iz pham 9: INhap thong tin dann mucsan pttam
: ' 12: Thuc hien chuc nang ° : 13: Tra ve ket qua
' 14: Thong bao ket qua ra man hinh
Hình 4.7: Biểu đồ trình tự chức năng quản lý danh mục sản phẩm
4.2.4 Chuc nang quan ly bai viét
4.2.4.1 Biểu đồ use case chức năng bài viết
Quan ly cua hang Quan ly bai was Xoa bai viet
Hình 4.8: Biểu đồ Use case chức năng quản lý bài viết ® - Đặc tả use case quan ly bài viết
- Tác nhân: Quản lý cửa hàng
Để sử dụng hệ thống quản lý, tác nhân cần đăng nhập thành công Sau đó, họ có thể chọn chức năng quản lý phòng để thực hiện các thao tác như thêm, sửa và xóa bài viết.
+ Tác nhân đăng nhập hệ thống thành công
+ Tác nhân yêu cầu giao điện quản lý bài viết
+ Hệ thống hiện thị giao diện quản lý bải viết cho tác nhân
+ Tác nhân sẽ: Thêm, sửa, xóa dữ liệu danh mục sản phâm cần thiết
+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thông
+ Thông tin đúng thì hệ thống gửi thông báo
+ Kết thúc use case quản lý bài viết
Chức năng quản lý bài viẾT .cccc che 28 1 Biểu đồ use case chức năng bài viết
Trong sự kiện l, nếu người dùng thực hiện thêm, sửa hoặc xóa thông tin một cách chính xác nhưng muốn quay lại giao diện chính, hệ thống sẽ chuyển về giao diện chính Kết thúc trường hợp sử dụng.
Nếu tác nhân thực hiện việc thêm, sửa, hoặc xóa thông tin không chính xác, hệ thống sẽ thông báo yêu cầu thực hiện lại các thao tác này hoặc trở về giao diện chính Sau khi tác nhân chọn trở về giao diện chính, quá trình sử dụng sẽ kết thúc.
- Các yêu cầu đặc biệt: Không có
- Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu
- Trạng thái hệ thống sau khi sử dụng use case:
Hệ thống sẽ thông báo "Bạn đã thêm, sửa, xóa thành công!!!" khi thực hiện thành công các thao tác này và sau đó sẽ hiển thị giao diện chính để người dùng có thể tiếp tục thực hiện các chức năng khác.
Nếu quá trình thêm, sửa hoặc xóa thông tin thất bại, hệ thống sẽ hiển thị thông báo “Bạn đã thêm, sửa, xóa thất bại!!!” và tự động trở lại chức năng để bạn có thể nhập lại thông tin nhân viên cần thực hiện.
4.2.4.2 Biểu đồ trình tự chức năng quản lý bài viết `
: Quan ly cua hang | : FromQuanlybsiviet | : ControlBaiViet | : BaiViet à F© © O
= Quan ly cua hang EmmQuanWbavet ~ControlBaiViet + Yeu cau from quan ly bai viet
3: Hien thi quan ly bai det 4: Yau cau nhap lua chon chục tảng
5: Chdn chucnang(them xoa, su ) Đai viet
6 feuceu nhap trong tn bal pt
9: Nhap thong tin bai viet ` i T 10: Thuc hien chuc nang 3
44: Thong bao ket qua ra man hi lh or Ms
Hình 4.9: Biểu đồ trình tự chức năng quản lý bài viết
Cấu trúc bảng và kiểu dữ liệu thuộc tính
The database structure includes a user table with fields for customer name, username, email, and password, alongside an admin table that tracks admin status and level The user table features a username field with a maximum length of 200 characters and an email field up to 250 characters, while the password field can accommodate up to 200 characters The admin table contains an integer field for status and level, indicating the hierarchy and permissions of the users.
Bang san pham Bang danh muc san pham
Tên sản phẩm là một chuỗi ký tự với độ dài tối đa 250 ký tự, thuộc danh mục có tên dài tối đa 100 ký tự Mã sản phẩm (masp) cũng có độ dài tối đa 100 ký tự, và thứ tự hiển thị được lưu trữ dưới dạng số nguyên Giá sản phẩm (giasp) và giá gốc (giagoc) đều được định dạng là chuỗi tối đa 50 ký tự Bảng này còn lưu trữ thông tin về số lượng sản phẩm, hình ảnh, mô tả ngắn (tomtam) và nội dung chi tiết (noidung), cũng như tình trạng sản phẩm và mã danh mục tương ứng.
Bang bai viet Bang danh muc bai viet
The article discusses the structure of a database table related to a content management system It includes fields such as 'id', 'title', 'category', 'summary', and 'content', with data types specified for each Additionally, it mentions a separate table for category management, detailing the status and image fields The overall focus is on organizing and managing article data effectively.
Bang binh luan Bang khach hang
1d sanpham 1nt(11) 1d khachhang 1nt(11) tenkhachhang varchar(50) Name varchar(50) binhluan varchar(50) Phone varchar(20) binhluan_ date varchar(50) Gmail varchar(50)
Bảng 4.7: Bảng bình luận Diachi varchar(500)
Bảng liên hệ Bảng đăng ký
1d _lienhe mnt(11) id_dangky 1nt(11) ten varchar(100) Tenkhachhang varchar(200)
24 email varchar(100) email varchar(100) sdt varchar(40) diachi varchar(200) noidung varchar(500) matkhau varchar(100)
Bang 4.9: Bảng liên hệ dienthoai varchar(20)
THIẾT KẾ GIAO DIỆN CHƯƠNG TRÌNH
Giao diện người dùng nh nhe 33 1 Giao diện trang ChỦ ch eno 33 2 Giao diện tỉn FỨC ch nền ng nh n Tnhh nghe 33 3 Giao diện liên hỆ cnnnnnn ng ng ng nh nha ree 34 5.2 Giao diện admiin cc tt nh n ng n ng n Tnhh o 34 5.2.1 Giao diện đăng nhập nh nho 34 5.2.2 Giao diện thống kê nha 35 5,2.3 Giao diện sản phẩm nh tre 35 5.2.4 Giao diện danh mục sản phẩm
ASUS ZenBook Flip 13 OLED wxaôa)
Laptop xoay gập 13.3" đủ cổng kết nối mỏng nhất thế giới
Man hinh OLED | Thiét ké siéu di dng | 11" Gen Intel® Core™
Bừng sắc rực rỡ Nhẹ 13kg- Mỏng 129mm | — Higundng but phd gidf han
Danh Mục Sản Phẩm SẲN PHẨM NỐI BẬT
Hình 5.1: Giao diện trang chủ 5.1.2 Giao diện tin tức tống hợp tin tức cá lin nông sên be Đang được giảm giá: + \
'Sản phẩm sắp ra mắt Tên bài viết : Mac8ook Pro
Tên bài viết : Tiệm bán cá Tên bãi viết : Trại nding sản cảnh Tên bài viết : Macbook Pro
13 Retina copyright:LapTop HM khoa CNTT trường đại học Điện Lực
Hình 5.2: Giao diện tin tức
oa Liên hệ với chúng tôi
Vui lòng nhập thông tin
Hp ben1223bn¢tgmail.com
Macbook 0358216714 hiếu thêm về sản | n để copyright:LapTop HM khoa CNTT trudng dai hoc Dién Luc
Hinh 5.3: Giao dién lién hé
5.2.1 Giao dién dang nhap ¥ Remember me
Hinh 5.4: Giao dién dang nhap
LAPTOP OoO © Dashboard Thống kẽ đơn hàng theo : 365 ngày qua
Hình 5.5: Giao diện thống kê
Tên sản phẩm TỦ re) Giágốc =5 lượng mục sp thái C1)
1 MacĐook Pro 16 Touch Bar 2 6G#42 Core ƒ7 75000000 89000002 5 Macbook Mã Kịch hoạt Sửa |
TT ài viết 2 Macbook Pro 13 Retina La 27500000 2944000) 20 Macbook M3 Kichhoạt Sửa| Xoá
‘Macbook Pro fundo png 24500000 26300003 § Macbook M2 Kichhoạt Sửa| oa
Mosiso Case for MacBook 25500000 28500002 1 0 Macbook M1 Kichhoạt Sửa|
Hình 5.6: Giao diện sản phẩm
5.2.4 Giao diện danh mục sản phẩm
Hình 5.7: Giao diện danh mục sản phẩm
5.2.5 Giao diện đơn hàng Đơn hàng © Sar
1 6632 ttt hh tien1223bn@gmai com 788789 hjbhbh 2023-04-19 Đơn hàng Xam đơn
2 8882 Vương Văn Linh HN ten 1223bn@gmal.com 33213213 Giao tận cửa — 2023.01.19 Đơn hàng — Xemđơn
3 6632 Bộ HN tðen1223bngmai.com 1245235325 Giao hang 2023.01.19 Đơn hang Xem đơn nhanh 12:44:53 mới hàng
Lién hé 4 6632 BN tien1223bn@gmai.com 0358216714 — Giao hàng 2023-04-19 Đơn hàng Xem đơn nhanh 12:44:63 mới hàng
5 4050 Bộ HN tửen1223begmai com 1245235325 — Giao hàng Đơn hàng Xem đơn nhanh mới hàng
6 4050 Nguyén Van Tiên BN tlen1223bn@gmai com 0358216714 Giao hang Đơn hàng Xem đơn nhanh mới hang
7 4050 ttt hh ben1223bn@gmai.com 788789 hjbhbh 2023-04-19 Đơn hàng Xem đơn
Hình 5.8: Giao diện đơn hàng
STT Tên bàiviết eo lóm tắt Trạng thái — Quản lý
Danh mục sản phẩm 1 Trai ning sin thì nông sản Rau sạch Kich hoạt Sửa | Xoá
2 Tiệm bán cá cảnh a Ca dep khde Kich hoat Sửa | Xoá
3 Macbook Pro 13 Retina Sản phẩm sắp ra mắt Sảp được ra mắt Kích hoạt Sửa | Xoá
4 MacBook Pro 16 Touch Bar 2.6GHz Core i? Đang được giảm gia Đang được giảm 509 Kich hoạt Sửa | Xoa
Hình 5.9: Giao diện bài viết
„ NJ ụ © 8) © ° (D> 2 ® 2 > (D> e@O a Danh sach lién hé
Lai TU Emai Ce] Quản lý
' Nguyễn Văn Tiên ten1223Dn(tgral com 0888216714 xe Xoa
2 phương phuongóe123456@gmail.com 0333869899 quewge Xoa
3 phương phuongde123456@gmail.com 0582171677 123 Xoả
4 vũ ngọc ly phuongde123456@gmail.com dsad sada Xoa
Hình 5.10: Giao diện liên hệ