LỜI CẢM ƠN
Trên thực tế không có sự thành công nào mà không gắn liền với những sự hỗ trợ, sự giúpđỡ dù ít hay nhiều, dù là trực tiếp hay gián tiếp của người khác Trong suốt thời gian từ khi bắtđầu học tập ở giảng đường Đại Học đến nay, em đã nhận được rất nhiều sự quan tâm, giúp đỡcủa Thầy Cô, gia đình và bạn bè.
Với lòng biết ơn sâu sắc nhất, em xin gửi đến Thầy Cô ở Khoa Công Nghệ Thông Tin –trường Đại Học Điện Lực đã cùng với tri thức và tâm huyết của mình để truyền đạt vốn kiếnthức quý báu cho em trong suốt thời gian học tập tại trường
Em xin chân thành cảm ơn thầy Phạm Quý Dương đã tận tâm hướng dẫn em cũng nhưnhững buổi nói chuyện, thảo luận về môn học Trong thời gian được học tập và thực hành dướisự hướng dẫn của thầy Nếu không có những lời hướng dẫn, dạy bảo của thầy thì em nghĩ đồán này của em rất khó có thể hoàn thành được.
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên đồ án “Xây dựngwebsite bán hoa quả PT FRUIT” chắc chắn sẽ không thể tránh khỏi những thiếu sót Em rất
mong nhận được sự quan tâm, thông cảm và những đóng góp quý báu của các thầy cô và cácbạn để đồ án này ngày càng hoàn thiện hơn Một lần nữa, em xin chân thành cảm ơn và luônmong nhận được sự đóng góp của mọi người.
Sau cùng, chúng em xin kính chúc các thầy cô trong Khoa Công Nghệ Thông Tin dồi dàosức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình là truyền đạt kiến thức chothế hệ mai sau.
Trân trọng!
Hà Nội, ngày 14 tháng 01 năm 2023
Sinh viên thực hiện
Nguyễn Đình Hoan
Trang 3MỤC LỤC
LỜI MỞ ĐẦU
CHƯƠNG 1 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 1
1.1 Phân tích yêu cầu đề tài 1
1.3 Sơ đồ phân cấp chức năng của khách hàng 4
1.4 Sơ đồ phân cấp chức năng cùa admin 6
CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ 8
2.1 Danh sách các Actor 8
2.2 Biểu đồ use case 12
2.2.1 Biểu đồ use case mức tổng quát 12
2.2.2 Use case quản lý sản phẩm 12
2.2.3 Use case quản lý danh mục 13
2.2.4 Use case quản lý thương hiệu 13
2.2.6 Use case quản lý slide 14
2.2.7 Use case quản lý bài viết 15
2.2.8 Use case quản lý đơn hàng 15
2.2.9 Đặt tả use case 16
2.3 Biểu đồ tuần tự (Sequence Diagram) 20
2.3.1 Biểu đồ tuần tự đăng nhập 20
2.3.2 Biểu đồ tuần tự xem giỏ hàng 20
2.3.3 Biểu đồ tuần tự xóa giỏ hàng 21
Trang 42.3.4 Biểu đồ tuần tự thêm mã giảm giá 21
2.3.5 Biểu đồ tuần tự chỉnh sửa mã giảm giá 22
2.3.6 Biểu đồ tuần tự xóa mã giảm giá 22
2.3.7 Biểu đồ tuần tự thêm sản phẩm 23
2.3.8 Biểu đồ tuần tự chỉnh sửa sản phẩm 23
2.3.9 Biểu đồ tuần tự xóa sản phẩm 24
2.3.10 Biểu đồ tuần tự thêm slide 24
2.3.11 Biểu đồ tuần tự chỉnh sửa slide 25
2.3.12 Biểu đồ tuần tự xóa slide 25
2.4 Sơ đồ lớp (Class Diagram) 26
CHƯƠNG 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 27
3.1 Lược đồ 27
3.2 Lược đồ chi tiết 28
3.2.1 Bảng chứa thông tin tài khoản admin 28
3.2.2 Bảng chứa thông tin sản phẩm 28
3.2.3 Bảng chứa thông tin thương hiệu 29
3.2.4 Bảng chứa thông tin đơn hàng 30
3.2.5 Bảng chứa thông tin chi tiết đơn hàng 30
3.2.6 Bảng chứa thông tin khách hàng 31
3.2.7 Bảng chứa thông tin bài viết 31
3.2.8 Bảng chứa danh mục bài viết 32
3.2.9 Bảng chứa thông tin mã giảm giá 32
3.2.10 Bảng chứa thông tin slider 33
3.2.11 Bảng chứa thông tin khách đặt hàng 34
3.2.12 Bảng chứa thông tin doanh thu 34
3.2.13 Bảng chứa thông tin thống kê truy cập 35
3.2.14 Bảng chứa thông tin phí vận chuyển 35
3.2.15 Bảng chứa thông tin thành phố 36
3.2.16 Bảng chứa thông tin quận huyện 36
3.2.17 Bảng chứa thông tin xã phường thị trấn 36
3.2.18 Bảng chứa thông tin quảng cáo 37
3.2.19 Bảng chứa thông tin liên hệ 37
CHƯƠNG 4 THIẾT KẾ GIAO DIỆN WEBSITE 38
Trang 54.1 Một số giao diện trang khách hàng……….38
4.1.1 Trang chủ………
384.1.2 Trang đăng ký.……….
394.1.3 Trang đăng nhập 39
4.1.4 Trang tintức……… 40
4.1.5 Trang chi tiết sản phẩm 41
4.1.6 Trang thanh toán 42
4.1.7 Trang danh mục sản phẩm 43
4.2 Một số giao diện người quản trị 44
4.2.1 Trang tổng quan 44
4.2.2 Trang quản lý sản phẩm 45
4.2.3 Trang quản lý danh mục sản phẩm 45
4.2.4 Trang quản lý bài viết 46
4.2.5 Trang quản lý đơn hàng 46
4.2.6 Trang quản lý slide 47
4.2.7 Trang quản lý mã giảm giá 47
4.2.8 Trang quản lý phí vận chuyển 48
KẾT LUẬN 49
TÀI LIỆU THAM KHẢO 51
Trang 6Hình 2.2: Use case tổng quát 12
Hình 2.3: Use case quản lý sản phẩm 12
Hình 2.4: Use case quản lý danh mục 13
Hình 2.5: Use case quản lý thương hiệu 13
Hình 2.6: Use case quản lý mã giảm giá 14
Hình 2.7: Use case quản lý slide 14
Hình 2.8: Use case quản lý bài viết 15
Hình 2.9: Use case quản lý đơn hàng 15
Hình 2.10: Biểu đồ tuần tự đăng nhập 20
Hình 2.11: Biểu đồ tuần tự xem giỏ hàng 20
Hình 2.12: Biểu đồ tuần tự xóa giỏ hàng 21
Hình 2.13: Biểu đồ tuần tự thêm mã giảm giá 21
Hình 2.14: Biểu đồ tuần tự chỉnh sửa mã giảm giá 22
Hình 2.15: Biểu đồ tuần tự xóa mã giảm giá 22
Hình 2.16: Biểu đồ tuần tự thêm sản phẩm 23
Hình 2.17: Biểu đồ tuần tự chỉnh sửa sản phẩm 23
Hình 2.18: Biểu đồ tuần tự xóa sản phẩm 24
Hình 2.19: Biểu đồ tuần tự thêm slide 24
Hình 2.20: Biểu đồ tuần tự chỉnh sửa slide 25
Hình 2.21: Biểu đồ tuần tự xóa slide 25
Hình 2.22: Class diagram 26
Hình 4.1: Trang chủ 38
Trang 7Hình 4.2: Trang đăng ký 39
Hình 4.3: Trang đăng nhập 39
Hình 4.4: Trang tin tức 40
Hình 4.5: Trang chi tiết sản phẩm 41
Hình 4.6: Trang thanh toán 42
Hình 4.7: Trang danh mục sản phẩm 43
Hình 4.8: Trang tổng quan ……….44
Hình 4.9: Trang quản lý sản phẩm 45
Hình 4.10: Trang quản lý danh mục sản phẩm 45
Hình 4.11: Trang quản lý bài viết 46
Hình 4.12: Trang quản lý đơn hàng 46
Hình 4.13: Trang quản lý slide 47
Hình 4.14: Trang quản lý mã giảm giá 47
Hình 4.15: Trang quản lý phí vận chuyển 48
Trang 8DANH MỤC BẢNG
Bảng 2.1: Danh sách các Actor
Bảng 2.2: Danh sách các chức năng
Bảng 3.1: Bảng lược đồ tổng quan 27
Bảng 3.2: Bảng chứa thông tin tài khoản admin 28
Bảng 3.3: Bảng chứa thông tin sản phẩm 28
Bảng 3.4: Bảng chứa thông tin thương hiệu 29
Bảng 3.5: Bảng chứa thông tin đơn hàng 30
Bảng 3.6: Bảng chứa thông tin chi tiết đơn hàng 30
Bảng 3.7: Bảng chứa thông tin khách hàng 31
Bảng 3.8: Bảng chứa thông tin bài viết 31
Bảng 3.9: Bảng chứa danh mục bài viết 32
Bảng 3.10: Bảng chứa thông tin mã giảm giá 32
Bảng 3.11: Bảng chứa thông tin slider 33
Bảng 3.12: Bảng chứa thông tin khách đặt hàng 34
Bảng 3.13: Bảng chứa thông tin doanh thu 34
Bảng 3.14: Bảng chứa thông tin thống kê truy cập 35
Bảng 3.15: Bảng chứa thông tin phí vận chuyển 35
Bảng 3.16: Bảng chứa thông tin thống kê truy cập 36
Bảng 3.17: Bảng chứa thông tin quận huyện 36
Bảng 3.18: Bảng chứa thông tin xã phường thị trấn 36
Bảng 3.19: Bảng chứa thông tin quảng cáo 37
Bảng 3.20: Bảng chứa thông tin liên hệ 37
Trang 9DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT
Trang 10LỜI MỞ ĐẦU
Trong những năm gần đây với sự phát triển rất mạnh của công nghệ thông tin,ngành công nghệ phần mềm đang chiếm một vị trí hết sức quan trọng trong xuhướng phát triển kinh tế công nghiệp hóa, hiện đại hóa của nước ta Cùng với sựphát triển ấy các chương trình phần mềm ra đời ngày càng nhiều để phục vụ nhucầu của người dùng Vì vậy, phát triển phần mềm hỗ trợ đắc lực con người tạo ranhằm phục vụ mọi mặt của cuộc sống, hơn hết là khoa học và kinh tế
Dựa trên thói quen của những người tiêu dùng ngày nay mà phương thức kinhdoanh của các doanh nghiệp cũng cần có sự chuyển biến Đây cũng chính là lý domà các doanh nghiệp và công ty hiện nay đều giảm thiểu tối đa chi phí đồng thờithu hút khách hàng tiềm năng bằng cách tham gia vào thương mại điện tử và pháttriển website Như vậy, lĩnh vực phát triển phần mềm trở nên cần thiết hơn bao giờhết.
Với mong muốn có cái nhìn xác thực, rõ ràng hơn về quy trình xây dựng phát triểnvà thiết kế website bằng php, đồng thời rèn luyện kỹ năng làm việc, tạo tiền đềđịnh hướng cho tương lai sau khi ra trường Vì vậy em đã tìm hiểu và xây dựngwebsite bán hoa quả bằng php.
Tên đề tài:“Xây dựng website bán hỏa quả PT FRUIT”
Nội dung báo cáo bao gồm 03 chương:
Chương 1: Trình bày khảo sát và xác định yêu cầu.Chương 2: Trình bày phân tích thiết kế hệ thống.Chương 3: Trình bày về thiết kế cơ sở sự liệu.Chương 4: Trình bày về thiết kế giao diện website
Trang 11CHƯƠNG 1 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU
1.1.Phân tích yêu cầu đề tài
Cho phép cập nhật thương hiệu, danh mục sản phẩm, vào CSDL. Hiển thị danh sách các sản phẩm theo từng loại.
Hiển thị sản phẩm khách hàng đã chọn mua. Hiển thị thông tin khách hàng đặt.
Quản lý đơn đặt hàng của khách.
Cập nhật sản phẩm, thương hiệu, danh mục. Xử lý đơn hàng của khách hàng đặt.
Thống kê doanh thu.
Trang 12o Hiển thị danh sách các sản phẩm của cửa hàng đểkhách hàng xem, lựa chọn và mua
1
Trang 13o Khách hàng xem các thông tin, khuyến mãi trên trangweb.
Thứ hai: Phần quản trị viên
Người làm chủ có quyền kiểm soát mọi hoạt động của website.Người này được cấp username và password để đăng nhập vàohệ thống đề thực hiện chức năng của mình:
o Chức năng cập nhật, sửa, xoá các sản phẩm, danh mụcsản phẩm, nhà sản xuất, bài viết, quảng cáo, slider, ngônngữ, mã giảm giá và xem thống kê doanh thu.
o Tiếp nhận kiểm tra đơn đặt hàng của khách hàng Hiểnthị đơn đặt hàng.
Ngoài các chức năng trên thì trang website phải được thiết kếsao cho dễ hiểu, giao diện mang tính dễ dùng đẹp mắt và làmsao cho khách hàng thấy được thông tin cần tìm, cung cấp cácthông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hútkhách hàng.
1.2.Phân tích và thiết kế hệ thống
– Sau khi khảo sát các thông tin thì em rút ra được:
Quản lý danh mục: Tên danh mục, mô tả danh mục, trạng thái của danhmục, slug danh mục.
Quản lý thương hiệu: Tên thương hiệu, mô tả thương hiệu, trạng thái của
thương hiệu, slug thương hiệu.
Quản lý sản phẩm: Tên sản phẩm, mô tả sản phẩm, thương hiệu sảnphẩm, danh mục sản phẩm, trạng thái của sản phẩm, nội dung sản phẩm,giá sản phẩm, số lượng sản phẩm, số lượng sản phẩm đã bán, hình ảnhsản phẩm, lượt xem của sản phẩm.
Quản lý mã giảm giá: Tên mã giảm giá, số lượng mã giảm giá, ngày đầu
Trang 14giảm giá, ngày kết thúc giảm giá, số tiền giảm, trạng thái mã giảm giá.
2
Trang 15 Quản lý phí vận chuyển: Tên thành phố, tên quận/huyện, tên xã/phường,số tiền vận chuyển.
Quản lý đơn hàng: Tên người đặt, thông tin người nhận, trạng thái của đơn hàng, mã đơn hàng, ngày đặt hàng
Quản lý bài viết: Tên bài viết, danh mục bài viết, hình ảnh bài viết, nộidung bài viết, mô tả bài viết, trạng thái bài viết.
Quản lý slider: Tên slider, mô tả slider, hình ảnh slider, trạng thái slider. Quản lý Footer: Thông tin liên hệ, bản đồ, địa chỉ fanpage facebook. Quản lý quảng cáo: Tên quảng cáo, mô tả quảng cáo, link quảng cáo, ảnh
quảng cáo.
– Sau khi khảo sát hiện trạng của hệ thống và xây dựng hệ thống thì em đã đưa
ra các tệp CSDL của “Website Bán Hoa Quả PT FRUIT”.
– Qua quá trình khảo sát, phân tích thực trạng và xây dựng hướng phát triểncho hệ thống mới em đa xây dựng cấu trúc của hệ thống “Website Bán HoaQuả PT FRUIT”.
– Xây dựng biểu đồ phân cấp chức năng Biểu đồ luồng dữ liệu: Ta xây dựngbiểu đồ luồng dữ liệu như sau:
Hình 1.1: Sơ đồ website bán hoa quả
Trang 161.3.Sơ đồ phân cấp chức năng của khách hàng
Hình 1.2: Sơ đồ chức năng khách hàng
– Chức năng xem chi tiết sản phẩm
Cho phép xem các thông tin liên quan đến sản phẩm.– Chức năng đăng ký
Khách hàng có thể đăng ký để trở thành khách hàng thường xuyên(thành viên) của cửa hàng và được cấp một tài khoản Khách hàng đểđăng nhập khi cần đặt hàng, thanh toán…
Các thông tin cá nhân của khách hàng.o Email.
o Password.o User Nameo Số ĐT.
Trang 17 Thông báo và yêu cầu nhập lại thông tin trong trường hợp thông tin nhập vào không chính xác, không phù hợp.
Chuyển sang trang đăng nhập.– Chức năng tìm kiếm
Tìm kiếm thông tin về sản phẩm
– Chức năng thanh toán
Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ hàng,khách hàng có thể đặt mua hàng chính thức thông qua Website.
Danh mục sản phẩm trong giỏ hàng.
Thông tin cá nhân của khách hàng (Mã khách hàng, Họ tên, Địa chỉ, …).
Thông tin liên quan đến việc mua hàng (ngày mua, số lượngmỗi sản phẩm đặt mua.
Trang 181.4.Sơ đồ phân cấp chức năng cùa admin
Hình 1.3: Sơ đồ quản lý sản phẩm
6
Trang 19CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ
Khách hàng ở đây là những người truy cập vào website, có thể đăng ký làm thành viên hoặc không Khách hàng chỉ có một số quyền nhất định đối với website.
Hình 2.1: Danh sách các chức năngBảng 2.2: Danh sách các chức năng
Admin, Khách hàng
Khách hàng tạo tài khoản đểsử dụng thêm các chức năngkhác của thành viên.
Admin, Khách hàng
Khách hàng và Admin có thể đăng xuất khi không sử dụng website nữa.
Admin, Khách hàng
7
Trang 204 Đặt mua
Khách hàng có thể đặt mua sản phẩm sau khi đăng nhập website.
Khách hàng
Khách hàng xem và nhấnvào nút “Thanh toán”.
Hệ thống xác nhận thông tin và hiển thị trang thanh toán.Khách hàng nhập đầy đủthông tin.
Hệ thống đưa ra thông báo và quay trở lại trang giỏ hàng.
Khách hàng
tin sản phẩm
Khách hàng có thể xem thông tin sản phẩm có trên website.
Khách hàng
sản phẩm
Khách hàng có thể tìmkiếm các sản phẩm trênwebsite.
Trang 21Quản lýquảng cáotrên website
Cho phép admin có thể:+ Thêm mới
Cho phép admin có thể:+ Thêm mới
Cho phép admin có thể:+ Thêm mới
sản phẩm
Cho phép admin có thể:+ Thêm mới
Trang 2214 slide + Thêm mới+ Chỉnh sửa
9
Trang 23+ Xem chi tiết (Hiển thị)+ Xoá
Quản lý mãgiảm giá
Cho phép admin có thể:+ Thêm mới
+ Chỉnh sửa+ Xoá
Quản lýdanh mục
bài viết
Cho phép admin có thể:+ Thêm mới
Cho phép admin có thể:+ Thêm mới
+ Chỉnh sửa
+ Xem chi tiết (Hiển thị)+ Xoá
Admin
Trang 242.2.Biểu đồ use case
2.2.1.Biểu đồ use case mức tổng quát
Hình 2.2: Use case tổng quát
2.2.2.Use case quản lý sản phẩm
Hình 2.3: Use case quản lý sản phẩm
Trang 252.2.3.Use case quản lý danh mục
Hình 2.4: Use case quản lý danh mục
2.2.4.Use case quản lý thương hiệu
Hình 2.5: Use case quản lý thương hiệu
Trang 262.2.5.Use case quản lý mã giảm giá
Hình 2.6: Use case quản lý mã giảm giá
2.2.6.Use case quản lý slide
Hình 2.7: Use case quản lý slide
13
Trang 272.2.7.Use case quản lý bài viết
Hình 2.8: Use case quản lý bài viết
2.2.8.Use case quản lý đơn hàng
Hình 2.9: Use case quản lý đơn hàng
Trang 282.2.9.Đặt tả use case
- Đối tượng sử dụng (actor) bao gồm: Khách hàng, admin.- UC này mô tả các bước đăng nhập của các actor vào hệ thống.- Các bước thực hiện:
Hệ thống yêu cầu actor cung cấp thông tin đăng nhập gồm: tên
đăng nhập và mật khẩu.
Actor nhập xong thông tin đăng nhập và click nút đăng nhập.
Hệ thống check lại thông tin đăng nhập và thông báo thành công/thấtbại cho actor Nếu đăng nhập thành công hệ thống dựa trên thông tinđăng nhập sẽ đồng thời phân quyền tùy theo loại nhân viên Nếu đăngnhập thất bại, hệ thống sẽ hiện thông báo cho Khách hàng và yêu cầuđăng nhập lại.
- Actor Khách hàng là người sử dụng use case này UC này được sử dụng đểthực hiện chức năng đăng kí tài khoản của Khách hàng Sau khi đăng kí tàikhoản, lúc đó Khách hàng mới có thể đăng nhập vào website và thực hiệnđược các chức năng như là: Thanh toán tiền.
- Dòng sự kiện
Dòng sự kiện chính
1) Khách hàng chọn chức năng đăng ký từ trang chủ của website.
2) Trang chủ sẽ mở đến trang đăng ký.
3) Khách hàng nhập đầy đủ thông tin tài khoản và thông tin cá nhân.
Trang 294) Hệ thống xác nhận thông tin và lưu lại.5) Hiển thị thông báo.
15
Trang 306) Kết thúc UC. Các dòng sự kiện khác
1) Khách hàng hủy yêu cầu đăng ký.
2) Hệ thống bỏ qua trang đăng kí, trở lại trang hiện tại.3) Kết thúc UC.
- Trạng thái hệ thống sau khi thực hiện UC
Trường hợp đăng ký thành công: hệ thống hiển thị trang đăng
nhập để Khách hàng có thể đăng nhập vào website.
Trường hợp đăng ký thất bại: Hệ thống đưa ra thông báo đăng
ký không thành công.
UC chi tiết sản phẩm
- UC này được sử dụng để thực hiện chức năng xem thông tin sản phẩm củaKhách hàng Sau khi truy cập vào website người dùng có thể xem thôngtin các sản phẩm có tại website.
Trang 31- Dòng sự kiện
Dòng sự kiện chính
16
Trang 32 UC thanh toán
1) Khách hàng chọn chức năng xem thông tin chi tiết của sản phẩm.
2) Trang chủ sẽ mở đến trang thông tin chi tiết của sản phẩm.
3) Khách hàng xem và nhấn vào nút “Cho vào giỏ hàng”.4) Hệ thống xác nhận thông tin và lưu lại.
5) Hiển thị trang thông tin sản phẩm.6) Kết thúc UC.
- UC này được sử dụng để thực hiện chức năng thanh toán tiền cho sảnphẩm đã đặt mua Sau khi đã đặt mua sản phẩm, giỏ hàng của Kháchhàng đã tồn tại một hoặc nhiều sản phẩm, nếu muốn có trong tay các sảnphẩm này Khách hàng cần phải chọn hình thức để thanh toán.
Trang 33thích và xem sản phẩm đó có tồn tại trong website hay không.17