Hiển thị thông tin chi tiết sản phẩm được chọn gồm ảnh, tên sản phẩm, 2.3.5 UC05: Xem blog Description Cho phép actor xem blog Actor Khách hàng Trigger Actor kích nút “Blog” ảnh, tiêu đ
T ổ ng quan
Gi ớ i thi ệu đề tài
Theo thống kê trung bình mỗi ngày trên thế giới có khoảng hơn 200 triệu lượt lướt web Điều này đã cho thấy sự ảnh hưởng không thể phủ nhận của internet nói chung và mạng lưới website nói riêng đối với cuộc sống hiện đại
Năm 2007, Bill Gate phát biểu một câu kinh điển: “Nếu từ 5-10 năm nữa bạn không kinh doanh qua Internet thì tốt nhất bạn đừng kinh doanh nữa”.Chúng ta đang sống trong cuộc cách mạng công nghiệp 4.0 với những yếu tố cấu thành như: Vạn vật kết nối (Internet of Things), Trí tuệ nhân tạo (AI) và dữ liệu lớn (Big data) Website vì vậy như một mũi tên bay thẳng đến khách hàng Cuộc cách mạng này quan trọng đến mức “Bất cứ doanh nghiệp nào nằm ngoài cuộc cách mạng đều có khả năng bị thất bại”.
Trong những năm gần đây thương mại điện tử (e-commerce) đã trở nên vô cùng quan trọng đối với các doanh nghiệp Bên cạnh việc xây dựng chăm chút các hệ thống cửa hàng, điểm bán offline chủ doanh nghiệp còn cần chú trọng vào việc thiết kế website bán hàng online để bắt kịp xu hướng cũng như đáp ứng được nhu cầu mua sắm của khách hàng
Trước xu hướng trên, nhóm 16 quyết định lựa chọn đề tài “Nghiên cứu, tìm hiểu Laravel Framework sử dụng cơ sở dữ liệu Mysql xây dựng website bán đồ ăn nhanh” Qua việc thực hiện đề tài này, chúng em hy vọng có thể hiểu rõ hơn về quá trình xây dựng một trang web nói chung và trang web thương mại điện tử nói riêng, cũng cách thức hoạt động, những yêu cầu, chức năng của một website thương mại điện tử Qua đó có thể tự phát triển nên một trang web thương mại điện tử hoàn chỉnh.
Lí do ch ọn đề tài
Do nhu cầu đặt ra là phải xây dựng một Website bán hàng online không chỉ hỗ trợ các yêu cầu cần thiết của người dùng mà còn cần phải đáp ứng được sự linh hoạt, cải tiến mở rộng của hệ thống sau này, vì thế nhóm em đã quyết định chọn đề tài “Nghiên cứu, tìm hiểu Laravel Framework sử dụng cơ sở dữ liệu Mysql xây dựng website bán đồ ăn nhanh”
* Lý do sử dụng Laravel Framework:
-Dễ dàng để bắt đầu với công việc làm web khi dùng laravel.
-Nền tảng miễn phí, mã nguồn mở laravel có thể thiết kế web phức tạp, có tính năng và thông tin dữ liệu lớn
-Phổ biến trong google Trends.
-Cộng đồng sử dụng laravel rất lớn, vì vậy cơ hội để hỗ trợ trao đổi với thành viên sử dụng laravel là rất nhiều.
-Bảo mật tự nhiên cao.
-Chi phí thiết kế website giá rẻ.
-Với laravel bạn có thể nhúng mã lệnh PHP vào web của mình.
-Thử nghiệm đơn giản và nhanh chóng.
Công c ụ th ự c hi ện đề tài
• Công cụ code: Visual code
• Ngôn ngữ sử dụng: PHP ( Laravel Framework )
• Thành phần khác: HTML, CSS, Javascript, Jquery, Ajax, Bootstrap, Material
Kết luận chương 1: Tìm hiểu được về phương pháp và hướng thiết kế dự án
Chỉ ra những công cụvà kĩ thuật để tạo phần mềm quản lý hệ thống khách sạn Nêu lên mô hình quy trình và kỹ thuật cần áp dụng để phát triển dự án Từ đó làm bàn đạp để tiếp tục sang quy trình tiếp theo.
Phân tích thi ế t k ế
Use case diagram
2.2.1 Biểu đồ use case tổng quát
Xem san pham theo danh muc
Quan ly thong tin quan tri
Quan ly blog Quan ly don hang
Quan ly lien heQuan ly thong tin ca nhan
Quan ly thong tin ca nhan
Xem blog Xem gio hang
Xem san pham theo danh muc KhachHang
Them blog Xem chi tiet blog
Xem chi tiet binh luan
Quan ly binh luan blog
Xem chi tiet don hang
Admin Quan ly don hang
Xem chi tiet san pham Cap nhat san pham
Xem chi tiet loai san pham
Cap nhat loai san pham
Xem chi tiet danh gia sp
Quan ly danh gia san pham
Quan ly loai san pham
Cap nhat topping Xoa topping
Quan ly thong tin gioi thieu
Xem chi tiet thong tin gioi thieu
Cap nhat thong tin gioi thieu
Xoa thong tin gioi thieu
Xem chi tiet thanh vien Xoa thanh vien
Xem chi tiet phan hoi lien he
Xoa phan hoi lien he
Xem chi tiet thong tin lien he
Sua thong tin lien he Xoa lien he
Quan ly phan hoi lien he
Quan ly thong tin lien he
Mô t ả use case
ID UC01 Use case name Đăng nhập
Description Cho phép actor đăng nhập vào hệ thống
Actor Khách hàng, admin Trigger Actor kích nút “Đăng nhập”
Pre- condition Actor đã có tài khoản
Post- condition Actor đăng nhập thành công
1 Kích nút “Đăng nhập” trên thanh menu
2 Nhập email, password và kích nút “Đăng nhập” trên form đăng nhập
3 Kiểm tra thông tin trong csdl và cho phép người dùng truy cập hệ thống
4 Hiển thị màn hình trang chủ
ID UC02 Use case name Đăng ký
Description Cho phép actor đăng ký tài khoản
Actor Khách hàng Trigger Actor kích nút “Đăng ký”
• Actor đăng ký thành công
• Hệ thống gửi thông tin lên server để lưu vào cơ sở dữ liệu
2 Hiển thị màn hình đăng ký gồm: Tên đăng ký, email và mật khẩu
3 Nhập thông tin và nhấn nút “Tạo tài khoản”
4 Kiểm tra tính hợp lệ của thông tin được nhập
5 Tạo một tài khoản vào csdl
6 Hiển thị thông báo đăng ký thành công
2.3.3 UC03: Tìm kiếm sản phẩm
ID UC03 Use case name Tìm kiếm sản phẩm
Description Cho phép actor tìm kiếm sản phẩm
Actor Khách hàng Trigger Actor kích biểu tượng “Tìm kiếm”
Post- condition Hiển thị danh sách sản phẩm tìm kiếm
2 Hiển thị thanh tìm kiếm
3 Nhập tên sản phẩm cần tìm và ấn vào biểu tượng “Tìm kiếm”
4 Hiển thị danh sách sản phẩm thỏa mãn với từ khóa tìm kiếm bao gồm: ảnh, tên sản phẩm và giá bán
2.3.4 UC04: Xem sản phẩm theo danh mục
ID UC04 Use case name Xem sản phẩm theo danh mục
Description Cho phép actor xem sản phẩm theo danh mục
Actor Khách hàng Trigger Actor kích vào tên một danh mục trên thanh menu chính
Post- condition Hiển thị sản phẩm theo danh mục
1 Kích vào tên một danh mục trên thanh menu chính
2 Hiển thị danh sách sản phẩm thuộc danh mục được chọn bao gồm: ảnh, tên sản phẩm, giá bán và số sao
3 Kích vào ảnh đại diện hoặc tên của một sản phẩm trong danh sách
4 Hiển thị thông tin chi tiết sản phẩm được chọn gồm ảnh, tên sản phẩm, giá bán, mô tảvà đánh giá
ID UC05 Use case name Xem blog
Description Cho phép actor xem blog
Actor Khách hàng Trigger Actor kích nút “Blog”
Post- condition Hiển thị nội dung chi tiết của blog
1 Kích nút Blog trên thanh menu
2 Hiển thị lên màn hình danh sách các blog bao gồm: hình ảnh, tiêu đề và mô tả
3 Kích vào hình ảnh hoặc tiêu đề của một blog
4 Hiện thị lên màn hình hình ảnh, tiêu đề và nội dung chi tiết của blog được chọn
ID UC06 Use case name Xem giỏ hàng
Description Cho phép actor xem và xóa các sản phẩm trong giỏ hàng
Actor Khách hàng Trigger Actor di chuột vào biểu tượng “Giỏ hàng” trên màn hình
Post- condition Xem và xóa các sản phẩm trong giỏ hàng thành công
1 Di chuột vào biểu tượng “Giỏ hàng” trên màn hình
2 Hiển danh sách các sản phẩm trong giỏ hàng bao gồm: ảnh, tên sản phẩm và giá bán
3 Kích biểu tư “Xóa” trên mỗi sản phẩm
4 Hiển thị màn hình xác nhận xóa
6 Xóa sản phẩm được chọn khỏi giỏ hàng và hiển thị trang chủ
7 Kích nút “Xóa tất cả sản phẩm”
8 Hiển thị màn hình xác nhận xóa
10 Xóa tất cả sản phẩm trong giỏ hàng và hiển thị trang chủ
ID UC07 Use case name Mua hàng
Description Cho phép actor mua hàng trên hệ thống
Actor Khách hàng Trigger Kích nút “Tiến hành đặt hàng” ở trong giỏ hàng
• Actor đã đăng nhập vào hệ thống
• Có ít nhất một sản phẩm trong giỏ hàng
Post- condition Mua hàng thành công
1 Kích nút “Tiến hành đặt hàng” trong giỏ hàng
2 Hiển thị danh sách các sản phẩm bao gồm (hình ảnh, tên sản phẩm, size, topping, giá, số lượng, tổng tiền) và form nhập thông tin giao hàng bao gồm (địa chỉ, số điện thoại, phương thức thanh toán) và thông tin bổ sung
3 Nhập thông tin giao hàng và kích nút “Đặt hàng”
4 Lưu thông tin vào cơ sở dữ liệu và hiển thị thông tin hóa đơn đơn hàng
2.3.1 UC08: Quản lý thông tin cá nhân
ID UC08 Use case name Quản lý thông tin cá nhân
Description Cho phép khách hàng cập nhật thông tin cá nhân và thay đổi mật khẩu
Actor Khách hàng Trigger Kích nút “Quản lý tài khoản”
Pre- condition Actor đã đăng nhậ p vào h ệ th ố ng
Post- condition C ậ p nh ậ t thông tin thành công
1 Kích nút “Quản lý tài khoản”
2 Hiển thị thông tin chi tiết của khách hàng bao g ồ m: ảnh đạ i di ệ n, h ọ và tên, s ố điệ n thoại, địa chỉ, giới tính và textfield thay đổi mật khẩu gồm mật khẩu cũ và mật khẩu mới
3 Sửa thông tin và kích nút “Cập nh ật”
4 Cập nhật thông tin trong csdl, thông báo cập nhật thành công và hiển thị màn hình quản lý tài khoản đã được cập nhật
6 Hiển thị màn hình trang chủ
2.3.2 UC09: Quản lý thông tin quản trị
ID UC09 Use case name Quản lý thông tin quản trị
Description Cho phép actor cập nhật thông tin cá nhân
Actor Admin Trigger Kích nút “Quản lý tài khoản”
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Cập nhật tài khoản thành công
1 Kích nút “Quản lý tài khoản”
2 Hiển thị thông tin tài khoản bao gồm: ảnh đại diện, họ và tên, số điện thoại, địa chỉ và giới tính
3 Sửa thông tin và kích nút “Cậ p nh ật”
4 Cập nhật thông tin trong csdl và hiển trang quản lý tài khoản đã được cập nhật
2.3.3 UC10: Quản lý đơn hàng
ID UC10 Use case name
Description Cho phép actor xem, duyệt và xóa đơn hàng
Actor Admin Trigger Actor kích vào “Trang chủ”
Pre-condition Actor đã đăng nhập vào hệ thống
Post-condition Xem, duyệt và xóa đơn hàng thành công
1 Kích vào “Trang chủ” trong màn hình quản trị
2 Hiển thịdanh sách các đơn hàng bao gồm: ID tên khách hàng, ghi chú, tổng tiền, ngày tạo và trạng thái
3 Kích vào “Xem chi tiết” trên một dòng đơn hàng trong danh sách các đơn hàng
4 Hiển thị thông tin chi tiết đơn hàng bao gồm: thông tin giao hàng (địa chỉ giao hàng, phương thức thanh toán, điện thoại, phí ship) và thông tin sản phẩm (tên sản phẩm, size, topping, sốlượng, giá bán)
5 Kích vào “Close ” trên màn hình chi tiết đơn hàng
6 Hiển thị lại danh sách đơn hàng
7 Kích vào “Chốt đơn” trên m ộ t dòng đơn hàng trong danh sách đơn hàng
8 Chuyển đổi trạng thái đơn hàng từ
“Chờ xửlý” thành “Đã duyệt”
9 Kích vào “Xóa” trên một dòng đơn hàng trong danh sách đơn hàng
10 Hiển thị màn hình yêu cầu xác nhận xóa
11 Kích vào “Ok” trên màn hình yêu cầu xác nhận xóa
12 Xóa đơn hàng được chọn khỏi csdl rồi hiển thị lên màn hình danh sách đơn hàng đã được cập nhật
ID UC11 Use case name Quản lý blog
Description Cho phép actor thêm, xem chi tiết, sửa và xóa blog
Actor Admin Trigger Kích nút “Blog” trong danh mục quản lý blog
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Thêm, xem chi tiết, sửa và xóa blog thành công
1 Kích nút “Blog” trong danh mục quản lý blog
2 Hiện thị danh sách blog bao gồm: ID, ảnh và tiêu đề
4 Hiển thị màn hình nhập thông tin cho blog mới bao gồm: ảnh, tiêu đề, mô tả, nội dung
5 Nhập thông tin và kích nút “Thêm blog”
6 Lưu thông tin vào cơ sở dữ liệu, thông báo thêm blog thành công và load trang thêm blog
7 Kích nút “Quay lại” trong màn hình thêm blog
8 Hiển thị danh sách blog đã được cập nhật
9 Kích nút “Xem chi tiết” trên mỗi dòng blog
10 Hiển thị thông tin chi tiết của blog được chọn bao gồm: mô tả, trạng thái, ngày tạo, ngày cập nhật
12 Hiển thị danh sách blog
13 Kích nút “Cập nhật” trên mỗi dòng blog
14 Hiển thị thông tin cũ của blog bao gồm: hình ảnh, tiêu đề, mô tả, nội dung
15 Sửa thông tin của blog và kích nút
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật blog
17 Kích nút “Quay lại” trong màn hình cập nhật blog
18 Hiện thị danh sách blog đã được cập nhật
19 Kích nút “Xóa” trên mỗi dòng blog
20 Hiển thị thông báo xác nhận xóa
22 Xóa blog khỏi cơ sở dữ liệu và hiện thị lên màn hình danh sách blogs đã được cập nhật
2.3.5 UC12: Quản lý bình luận blog
ID UC12 Use case name Quản lý bình luận blog
Description Cho phép actor xem chi ti ế t và xóa bình lu ậ n blog
Actor Admin Trigger Kích nút “Bình luận” trong mụ c qu ả n lý blog
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết và xóa bình luận blog thành công
1 Kích nút “Xem chi tiết” trên mỗi dòng bình lu ậ n
2 Hiển thị thông tin chi tiết của bình luận bao gồm: ID blog, ngày tạo, ngày cập nhật
4 Hiển thị danh sách bình luận
5 Kích nút “Xóa” trên mỗi dòng bình luận
6 Hiển thị thông báo xác nhận xóa
8 Xóa bình luận khỏi cơ sở dữ liệu và hiện thị lên màn hình danh sách bình luận đã được cập nhật
2.3.6 UC13: Quản lý sản phẩm
ID UC13 Use case name Quản lý sản phẩm
Description Cho phép actor xem chi tiết, thêm, cập nhật và xóa sản phẩm
Actor Admin Trigger Kích nút “Danh sách sản phẩm” trong mục qu ả n lý s ả n ph ẩ m
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết, thêm, cập nhật, và xóa sản phẩm thành công
1 Kích nút “Danh sách sản phẩm” trong mục quản lý sản phẩm
2 Hiển thị danh sách sản phẩm bao gổm: ID, ảnh, tên sản phẩm, loại sản phẩm, giá hiện tại, khuyến mãi và đơn vị
3 Kích nút “Xem chi tiết” trên mỗi dòng sản phẩm
4 Hiển thị thông tin chi tiết sản phẩm bao gồm: mô tả, tổng đánh giá, tổng số sao, trạng thái, ngày tạo, ngày cập nhật
6 Đóng màn hình thông tin chi tiết và hiển thị lại danh sách sản phẩm
7 Kích nút “Thêm sản phẩm”
8 Hiện thị màn hình nhập thông tin cho sản phẩm mới bao gồm: ảnh, tên sản phẩm, loại sản phẩm, giá hiện tại, khuyến mãi, đơn vị và trạng thái
9 Nhập thông tin cho sản phẩm mới và kích nút
10 Thêm sản phẩm mới vào csdl, hiển thị thông báo thêm thành công và tải lại trang thêm s ả n ph ẩ m
12 Hiển thị màn hình danh sách sản phẩm đã được cập nhật
14 Hiển thị thông tin cũ của sản phẩm được chọn bao gồm: ảnh, tên sản phẩm, loại sản phẩm, giá hiện tại, khuyến mãi, đơn vị và trạng thái
15 Sửa thông tin và kích nút “Cập nhật sản phẩm”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật sản phẩm
18 Hiển thị màn hình danh sách sản phẩm đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa sản phẩm khỏi csdl và hiện thị danh sách sản phẩm đã được cập nhật
2.3.7 UC14: Quản lý loại sản phẩm
ID UC14 Use case name Quản lý loại sản phẩm
Description Cho phép actor xem chi tiết, thêm, cập nhật và xóa loại sản phẩm
Actor Admin Trigger Kích nút “Loại sản phẩm” trong mục quản lý s ả n ph ẩ m
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết, thêm, cập nhật, và xóa loại sản phẩm thành công
1 Kích nút “Loại sản phẩm” trong mục quản lý sản phẩm
2 Hiển thị danh sách loại sản phẩm bao gổm:
ID, tên loại sản phẩm, banner loại, phân loại và trạng thái
3 Kích nút “Xem chi tiết” trên mỗi dòng loại sản phẩm
4 Hiển thị thông tin chi tiết loại sản phẩm bao gồm: ngày tạo, ngày cập nhật
6 Hiển thị danh sách loại sản phẩm
7 Kích nút “Thêm loại sản phẩm”
8 Hiện thị màn hình nhập thông tin cho loại sản phẩm mới bao gồm: tên loại sản phẩm, banner loại, phân loại và trạng thái
9 Nhập thông tin cho loại sản phẩm mới và kích nút
10 Thêm loại sản phẩm mới vào csdl, hiển thị thông báo thêm thành công và tải lại trang thêm loại sản phẩm
12 Hiển thị màn hình danh sách loại sản phẩm đã được cập nhật
14 Hiển thị thông tin cũ của loại sản phẩm được chọn bao gồm: tên loại sản phẩm, banner loại, phân loại và trạng thái
15 Sửa thông tin và kích nút “Cập nhật loại sản phẩm”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật loại sản phẩm
18 Hiển thị màn hình danh sách loại sản phẩm đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa loại sản phẩm khỏi csdl và hiện thị danh sách loại sản phẩm đã được cập nhật
2.3.8 UC15: Quản lý đánh giá sản phẩm
ID UC15 Use case name Quản lý đánh giá sản phẩm
Description Cho phép actor xem chi tiết và xóa đánh giá sản phẩm
Actor Admin Trigger Kích nút “Đánh giá sản phẩm” trong mục quản lý sản phẩm
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết và xóa đánh giá san phẩm thành công
1 Kích nút “Xem chi tiết” trên mỗi dòng đánh giá
2 Hiển thị thông tin chi tiết của đánh giá bao gồm: ngày tạo, ngày cập nhật
4 Hiển thị danh sách đánh giá
5 Kích nút “Xóa” trên mỗi dòng đánh giá
6 Hiển thị thông báo xác nhận xóa
8 Xóa đánh giá khỏi cơ sở dữ liệu và hiện thị lên màn hình danh sách đánh giá đã được cập nhật
ID UC16 Use case name Quản lý size
Description Cho phép actor xem chi tiết, thêm, cập nhật và xóa size
Actor Admin Trigger Kích nút “Danh sách size” trong mục quản lý thêm
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết, thêm, cập nhật, và xóa size thành công
1 Kích nút “Danh sách size” trong mục quản lý thêm
2 Hiển thị danh sách size bao gổm: ID, tên size, phần trăm tăng, trạng thái
3 Kích nút “Xem chi tiết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hi ể n th ị danh sách size
8 Hiện thị màn hình nhập thông tin cho size mới bao gồm: tên size, phần trăm tăng và tr ạ ng thái
9 Nhập thông tin cho size mới và kích nút “Thêm size”
10 Thêm size mới vào csdl, hiển thị thông báo thêm thành công và tải lại trang thêm size
12 Hiển thị màn hình danh sách size đã được c ậ p nh ậ t
14 Hiển thị thông tin cũ của size được chọn bao gồm: tên size, phần trăm tăng, trạng thái
15 Sửa thông tin và kích nút “Cập nhật size”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật size
18 Hiển thị màn hình danh sách size đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa bản ghi khỏi csdl và hiện thị danh sách size đã đượ c c ậ p nh ậ t
ID UC17 Use case name Quản lý topping
Description Cho phép actor xem chi tiết, thêm, cập nhật và xóa topping
Actor Admin Trigger Kích nút “Danh sách topping” trong mục quản lý thêm
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết, thêm, cập nhật, và xóa topping thành công
1 Kích nút “Danh sách topping” trong mục quản lý thêm
2 Hiển thị danh sách topping bao gổm: ID, tên topping, giá topping và tr ạ ng thái
3 Kích nút “Xem chi tiết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hiển thị danh sách topping
8 Hiện thị màn hình nhập thông tin cho topping mới bao gồm: tên topping, giá topping và trạng thái
9 Nhập thông tin cho topping mới và kích nút
10 Thêm topping mới vào csdl, hiển thị thông báo thêm thành công và t ả i l ạ i trang thêm topping
12 Hiển thị màn hình danh sách topping đã được cập nhật
14 Hiển thị thông tin cũ của topping được chọn bao gồm: tên topping, giá topping và trạng thái
15 Sửa thông tin và kích nút “Cập nhật topping”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật topping
18 Hiển thị màn hình danh sách topping đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa bản ghi khỏi csdl và hiện thị danh sách topping đã được cập nhật
2.3.11 UC18: Quản lý thông tin giới thiệu
ID UC18 Use case name Quản lý thông tin giới thiệu
Description Cho phép actor thêm n ộ i dung, xem chi ti ế t, c ậ p nh ậ t và xóa gi ớ i thi ệ u
Actor Admin Trigger Kích nút “Thông tin giới thiệu” trong mục quản lý giới thiệu
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Thêm nội dung, xem chi tiết, cập nhật và xóa giới thiệu thành công
1 Kích nút “Thông tin giới thiệu” trong mục quản lý giới thiệu
2 Hiển thị danh sách giới thiệu bao gổm: ID, ảnh, tiêu đề, nội dung và trạng thái
3 Kích nút “Xem chi ti ết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hiển thị danh sách giới thiệu
7 Kích nút “Thêm nội dung”
8 Hiện thị màn hình nhập thông tin cho giới thiệu mới bao gồm: ảnh, tiêu đề, nội dung và trạng thái
9 Nhập thông tin cho giới thiệu mới và kích nút
10 Thêm giới thiệu mới vào csdl, hiển thị thông báo thêm thành công và tải lại trang thêm giới thiệu
12 Hiển thị màn hình danh sách giới thiệu đã đượ c c ậ p nh ậ t
14 Hiển thị thông tin cũ của giới thiệu được chọn bao gồm: ảnh, tiêu đề, nội dung và trạng thái
15 Sửa thông tin và kích nút “Cập nhật nội dung”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật giới thiệu
18 Hiển thị màn hình danh sách giới thiệu đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa bản ghi khỏi csdl và hiện thị danh sách giới thiệu đã được cập nhật
2.3.12 UC19: Quản lý đội ngũ
ID UC19 Use case name Quản lý đội ngũ
Description Cho phép actor thêm, xem chi tiết, cập nhật và xóa thành viên
Actor Admin Trigger Kích nút “Đội ngũ” trong mụ c qu ả n lý gi ớ i thiệu
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Thêm, xem chi tiết, cập nhật và xóa thành viên thành công
1 Kích nút “Đội ngũ” trong m ụ c qu ả n lý giới thiệu
2 Hiển thị danh sách đội ngũ bao gổm: ID, ảnh, tên, chức vụ và giới thiệu
3 Kích nút “Xem chi tiết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hi ể n th ị danh sách đội ngũ
7 Kích nút “Thêm thành viên”
8 Hiện thị màn hình nhập thông tin cho thành viên mới bao gồm: ảnh, tên, chức vụ và giới thiệu
9 Nhập thông tin cho thành viên mới và kích nút
10 Thêm thành viên mới vào csdl, hiển thị thông báo thêm thành công và tải lại trang thêm thành viên
12 Hiển thị màn hình danh sách đội ngũ đã được cập nhật
14 Hiển thị thông tin cũ của thành viên được chọn bao gồm: ảnh, tên, chức vụ và giới thiệu
15 Sửa thông tin và kích nút “Cập nhật thành viên”
16 Cập nhật thông tin trong csdl, hiển thị thông báo cập nhật thành công và tải lại trang cập nhật thành viên
18 Hiển thị màn hình danh sách đội ngũ đã được cập nhật
20 Hiển thị màn hình xác nhận xóa
22 Xóa bản ghi khỏi csdl và hiện thị danh sách đội ngũ đã được cập nhật
2.3.13 UC20: Quản lý phản hồi liên hệ
ID UC20 Use case name Quản lý phản hồi liên hệ
Description Cho phép actor xem chi tiết và xóa liên hệ
Actor Admin Trigger Kích nút “Phản hồi liên hệ” trên menu quản trị
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Xem chi tiết và xóa liên hệ thành công
1 Kích nút “Phản hồi liên hệ” trên menu quản trị
2 Hiển thị danh sách liên hệ bao gổm: ID, tên người liên hệ, email và nội dung liên hệ
3 Kích nút “Xem chi tiết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hiển thị danh sách liên hệ
8 Hiển thị màn hình xác nhận xóa
10 Xóa bản ghi khỏi csdl và hiện thị danh sách liên h ệ đã đượ c c ậ p nh ậ t
2.3.14 UC21: Quản lý thông tin liên hệ
ID UC21 Use case name Quản lý thông tin liên hệ
Description Cho phép actor thêm liên hệ, xem chi tiết, cập nhật và xóa thông tin liên h ệ
Actor Admin Trigger Kích nút “Thông tin liên hệ” trên menu quản trị
Pre- condition Actor đã đăng nhập vào hệ thống
Post- condition Thêm liên hệ, xem chi tiết, cập nhật và xóa thông tin liên hệ thành công
1 Kích nút “Thông tin liên hệ” trên menu qu ả n tr ị
2 Hiển thị danh sách thông tin liên hệ bao gổm: ID, địa chỉ, số điện thoại, số fax và email
3 Kích nút “Xem chi tiết”
4 Hiển thị thông tin chi tiết bao gồm: ngày tạo và ngày cập nhật
6 Hiển thị lại danh sách liên hệ
7 Kích nút “Thêm liên hệ”
8 Hiện thị màn hình nhập thông tin cho liên hệ mới bao gồm: địa chỉ, số điện thoại, số fax và email
9 Nhập thông tin cho liên hệ mới và kích nút
10 Thêm thông tin liên h ệ m ớ i vào csdl, hi ể n thị thông báo thêm thành công và tải lại trang thêm thông tin liên hệ
12 Hiển thị thông tin cũ của thành viên được chọn bao gồm: ảnh, tên, chức vụ và giới thiệu
13 Sửa thông tin và kích nút “Cập nhật liên hệ”
14 Cập nhật thông tin trong csdl, hiển thị thông báo c ậ p nh ậ t thành công và t ả i l ạ i trang c ậ p nhật thông tin liên hệ
16 Hiển thị màn hình danh thông tin liên hệ đã được cập nhật
18 Hiển thị màn hình xác nhận xóa
20 Xóa bản ghi khỏi csdl và hiện thị danh sách thông tin liên hệ đã được cập nhật
Phân tích use case
: User : DangNhapUI : DangNhapUI : DangNhapController : DangNhapController : Users : Users : ICSDL : ICSDL : CSDL : CSDL
2: hien thi man hinh dang nhap( )
3: nhap email va mat khau( )
: User : DangKyUI : DangKyUI : DangKyController : DangKyController : Users : Users : ICSDL : ICSDL : CSDL : CSDL
2: hien thi man hinh dang ky( )
4: nhan nut "Tao tai khoan"( )
3: nhap thong tin dang ki gom: name, em ail, pas sword
10: hien thi thong bao dang ky thanh cong( )
2.4.3 Use case Quản lý thông tin cá nhân
: Users : Users : ICSDL : ICSDL : CSDL : CSDL
1: kich nut "Quan ly tai khoan"( )
2: lay thong tin khach hang( )
7: hien thi thong tin tai khoan khach hang( )
15: hien thi thong bao cap nhat thanh cong( )
16: hien thi man hinh quan ly tai khoan da duoc cap nhat( )
18: hien thi man hinh trang chu( )
2.4.4 Use case Tìm kiếm sản phẩm
: TimKiemSanPhamController : Product : Product : ICSDL : ICSDL : CSDL : CSDL
1: kich vao bieu tuong "Tim kiem"( )
2: nhap ten hoac gia san pham can tim
3: kich vao bieu tuong "Tim kiem"( )
4: lay thong tin cac san pham thoa man( )
9: hien thi thong tin cac san pham( )
2.4.5 Use case Xem sản phẩm theo danh mục
: Xem SanPhamTheoDanhMucController : Product : Product : ICSDL : ICSDL : CSDL : CSDL 1: kich vao ten m ot danh muc tren thanh m enu chinh( )
2: lay danh sach cac san pham thuoc danh muc duoc chon( )
7: hien thi danh sach cac san pham len man hinh( )
9: kich vao anh dai dien cua san pham( )
8: chon san pham m uon xem
10: lay thong tin chi tiet cac san pham( )
13: hien thi thong tin chi tiet san pham len man hinh( )
: User : XemBlogUI : XemBlogUI : XemBlogController : XemBlogController : Blog : Blog : ICSDL : ICSDL : CSDL : CSDL
1: kich nut "Blog" tren thanh menu chinh( )
2: lay thong tin tu bang Blog( )
7: hient thi len man hinh thong tin blog( )
9: kich vao title cua blog( )
10: lay thong tin chi tiest cua blog( )
13: hien thi thong tin chi tiet blog len man hinh( )
2.4.7 Use case Xem giỏ hàng
: User : MuaHangUI : MuaHangUI : MuaHangController : MuaHangController : order : order : product : product : size : size : topping : topping : ICSDL : ICSDL : CSDL : CSDL
1: kich nut "Tien hanh dat hang"( )
2: lay thong tin san pham, form nhap thong tin giao hang va phuong thuc thanh toan( )
3: doc bang PRODUCT va SIZE( )
4: doc bang PRODUCT va SIZE( )
7: doc bang ORDER va TOPPING( )
8: doc bang ORDER va TOPPING( )
12: hien thi thong tin san pham , giao hang va phuong thuc thanh toan len man hinh( )
13: nhap thong tin vao form
15: hien thi hoa don cua don hang( )
2.4.9 Use case Quản lý thông tin quản trị
2.4.10 Use case Quản lý đơn hàng
2.4.11 Use case Quản lý blog
: Admin : QuanLy BlogUI : QuanLy BlogUI : QuanLy BlogController : QuanLy BlogController : Blog : Blog : ICSDL : ICSDL : CSDL : CSDL
7: hien thi danh sach blog( )
9: hien thi man hinh nhap thong tin cho blog moi( )
10: nhap thong tin blog moi
12: luu thong tin blog moi( )
15: cap nhat bang BLOG( ) 16: return ket qua
17: thong bao them moi thanh cong( )
18: hien thi man hinh nhap thong tin cho blog moi( )
20: lay danh sach blog sau khi cap nhat( )
21: getBlog( ) 22: hien thi danh sach blog( )
23: kich nut "Xem chi tiet"( )
24: lay thong tin chi tiet blog duoc chon( )
2.4.12 Use case Quản lý bình luận blog
2.4.13 Use case Quản lý sản phẩm
2.4.14 Use case Quản lý loại sản phẩm
2.4.15 Use case Quản lý đánh giá sản phẩm
2.4.16 Use case Quản lý size
2.4.17 Use case Quản lý topping
2.4.18 Use case Quản lý thông tin giới thiệu
2.4.19 Use case Quản lý đội ngũ
2.4.20 Use case Quản lý phản hồi liên hệ
2.4.21 Use case Quản lý thông tin liên hệ
Kết luận chương 2: Như vậy, từ các biểu đồ Use Case và biểu đồ hoạt động của hệ thống đã thể hiện được các chức năng của các tác nhân và hệ thống làm việc như thế nào, xuất phát từ hệ thống hiện tại và các yêu cầu về hệ thống, yêu cầu khách hàng, chúng ta nên xây dựng Website có đầy đủ chức năng của người quản trịvà người dùng và phải đảm bảo có được tính bảo mật cao.
Thi ế t k ế cơ sở d ữ li ệ u
B ảng “SanPham”
Bảng sản phẩm cho phép quản lí các thông tin liên quan đến sản phẩm
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaSp Int No Mã sản phẩm Khóa
TenSP Nvarchar(255) Yes Tên sản phẩm
DonGia Decimal(18,0) Yes Đơn giá
NgayCapNhap datetime Yes Ngày cập nhật
ThongTin nvarchar(MAX) Yes Thông tin
MoTa nvarchar(MAX) Yes Mô tả
HinhAnh Nvarchar(MAX) Yes Hình ảnh
SoLuongTon Int Yes Số lượng tồn
LuotXem Int Yes Lượt xem
LuotBinhChon Int Yes Lượt bình chọn
LuotBinhLuan Int Yes Lượt bình luân
SoLanMua Int Yes Số lần mua
MaNCC Int Yes Mã nhà cung cấp
MaNSX Int Yes Mã nhà sản xuất
MaLoaiSP Int Yes Mã loại sản phẩm
DaXoa Bit Yes Đã xóa
B ảng “KhachHang”
Bảng khách hang cho phép quản lý thông tin về khác hang
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaKH Int No Mã khách hàng
TenKH Nvarchar(100) Yes Tên khách hàng
DiaChi Nvarchar(100) Yes Địa chỉ
SoDienThoai nvarchar(255) Yes Số điện thoại
MaThanhVien Int Yes Mã thành viên
Bảng “NhaCungCap”
Bảng NhaCungCap cho phép quản lý các thông tin về nhà cung cấp
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaNCC Int No Mã nhà cung cấp Khóa
TenNCC Nvarchar(100) Yes Tên nhà cung cấp
DiaChi Nvarchar(255) Yes Địa chỉ
SoDienThoai nvarchar(255) Yes Số điện thoại
Fax nvarchar(255) Yes Số Fax
B ảng “NhaSanXuat”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaNSX Int No Mã nhà sản xuất
TenNSX Nvarchar(100) Yes Tên nhà sản xuất
ThongTin Nvarchar(255) Yes Thông tin
Logo Nvarchar(MAX) Yes Logo
B ảng “LoaiSanPham”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaLoaiSP Int No Mã loại sản phẩm
TenLoai Nvarchar(100) Yes Tên loại
Icon Nvarchar(MAX) Yes Icon
BiDanh Nvarchar(50) Yes Bí danh
B ảng “LoaiThanhVien”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaLoaiTV Int No Mã loại thành viên
TenLoai Nvarchar(50) Yes Tên loại
Udai Int Yes Ưu đãi
B ảng “LoaiThanhVien_Quyen”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaLoaiTV Int No Mã loại thành viên
MaQuyen Nvarchar(50) No Mã quyền
GhiChu Nvarchar(50) Yes Ghi chú
B ảng “ChitietDonDatHang”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaChiTietDDH Int No Mã chi tiết đơn đặt hàng
MaDDH Int Yes Mã đơn đặt hàng
MaSP Int Yes Mã sản phẩm
TenSP Nvarchar(50) Yes Tên sản phẩm
SoLuong Int Yes Số lượng
DonGia Decimal(18,0) Yes Đơn giá
B ảng “ChiTietPhieuNhap”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaChiTietPN Int No Mã chi tiết phiếunhập
MaPN Int Yes Mã phiếu nhập
MaSP Int Yes Mã phiếu nhập
DonGiaNhap Decimal(18,0) Yes Đơn giá nhập
SoLuongNhap Int Yes Số lượng nhập
Bảng “PhieuNhap”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaPN Int No Mã phiếu nhập
MaNCC Int Yes Mã nhà cung cấp
NgayNhap Datetime Yes Ngày nhập
DaXoa Bit Yes Đã xóa
B ảng “DonDatHang”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaDDH Int No Mã đơn đặt hàng
NgayDat Datetime Yes Ngày đặt
TinhTrangGiaoHang Bit Yes Tình trạng giao hàng
NgayGiao Datetime Yes Ngày giao
DaThanhToan Bit Yes Đã thanh toán
MaKH Int Yes Mã khách hàng
UuDai Int Yes Ưu đãi
DaHuy Bit Yes Đã hủy
DaXoa Bit Yes Đã xóa
B ảng “Quyen”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaQuyen Nvarchar(50) No Mã quyền Khóa
TenQuyen Nvarchar(50) Yes Tên quyền
B ảng “ThanhVien”
Tên thuộc tính Kiểu dữ liệu Null Chú thích Khóa
MaThanhVien Int No Mã thành viên
TaiKhoan Nvarchar(100) Yes Tài khoản
MatKhau Nvarchar(100) Yes Mật khẩu
HoTen Nvarchar(100) Yes Họ tên
DiaChi Nvarchar(255) Yes Địa chỉ
SoDienThoai varchar(12) Yes Số điện thoại
CauHoi Nvarchar(MAX) Yes Câu hỏi
CauTraLoi Nvarchar(MAX) Yes Câu trả lời
MaLoaiTV Int Yes Mã loại thành viên
Mô hình hóa cơ sở dữ liệu
Kết luận chương 3: Từ các biểu đồ Use Case và biểu đồ hoạt động của hệ thống đã thể hiện được các chức năng của các tác nhân và hệ thống làm việc như thế nào, xuất phát từ hệ thống hiện tại và các yêu cầu về hệ thống, yêu cầu khách hang và việc sử dụng Mysql để tạo và phân tích cơ sở dữ liệu đã giúp xây dựng ứng dụn một cách tối ưu, lấy dữ liệu dễ dàng.
Phác th ả o giao di ệ n( mockup )
Màn hình c ậ p nh ậ t s ả n ph ẩ m
Kết luận chương 4: Qua chương 4 ta đã phác thảo được giao diện cơ bản giúp việc thiết kế giao diện web dễ dàng hơn.
K Ế T LU Ậ N VÀ KI Ế N NGH Ị
Sau một thời gian tìm hiểu và nghiên cứu đề tài “Nghiên cứu, tìm hiểu Laravel Framework sử dụng cơ sở dữ liệu Mysql xây dựng website bán đồ ăn nhanh” nhóm chúng em đã phát triển và hoàn thành đúng những yêu cầu về nội dung và thời gian đã định Trong quá trình nghiên cứu và thực hiện bài tập lớn nhưng do hạn chế về kinh nghiệm và kiến thức nên đề tài của em sẽ không thể tránh khỏi những thiếu xót Em rất mong nhận được ý kiến đóng góp từ quý thầy cô và các bạn để bài tập lớn của chúng em được hoàn thiện hơn. Chúng em xin cảm ơn!
5.22 Kiến nghị Để website hoạt động có hiệu quả hơn, em sẽ cố gắng hoàn thiện và bổ sung, sửa đổi một số giao diện sao cho thân thiện với khách hàng và đặc biệt là dễ dàng sử dụng mà tính bảo mật vẫn được đảm bảo
Hệ thống cần mở rộng thêm nhiều chức năng có tính tự động hóa cao, thống kê được sốlượng khách truy cập, phát triển hệ thống bán hang onl rộng khắp cảnước
[1] Phát triển phần mềm mã nguồn mở, Vũ Thanh Nguyên, Nguyễn Công Hoan, Phan Trung Hiếu, Lê Đình Tuấn, ĐHQG HCM 2017
[2] Giáo Trình Linux và phần mềm nguồn mở, Phạm Nguyên Khang, Đỗ Thanh Nghị, NXB ĐH Cần Thơ 2012
- Sách, tài liệu tham khảo:
[1] Bộ slide bài giảng phần mềm mã nguồn mở (Bộ môn CNPM – Khoa CNTT)