Khi khách hàng có nhu cầu mua hàng, dù ở nhàhay công sở hay bất cứ nơi nào có mạng internet khách hàng chỉ cần vào những trangbán hàng qua mạng là có thể tìm kiếm được những mặt hàng mà
Trang 1TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ
ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
XÂY DỰNG WEBSITE BÁN QUẦN ÁO
CHO SHOP P&N
GVHD: NGUYỄN HỮU VĨNH SVTH: NGUYỄN ĐẠT PHI MSSV: 1724801030093 LỚP: D17PM02
B;NH DƯƠNG – 11/2020
Trang 2TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ
ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
XÂY DỰNG WEBSITE BÁN QUẦN ÁO
CHO SHOP P&N
GVHD: NGUYỄN HỮU VĨNH SVTH: NGUYỄN ĐẠT PHI MSSV: 1724801030093 LỚP: D17PM02
B;NH DƯƠNG – 11/2020
Trang 3TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ
NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN
Họ và tên giảng viên: Nguyễn Hữu Vĩnh
Tên đề tài: XÂY DỰNG WEBSITE BÁN QUẦN ÁO CHO SHOP P&N Nội dung nhận xét:
Điểm:
Bằng số:
Bằng chữ:
GIẢNG VIÊN CHẤM
(Ký, ghi rõ họ tên)
Nguyễn Hữu Vĩnh
II
Trang 4MỞ ĐẦU
- Trong những năm gần đây, cùng với sự nâng cao của chất lượng cuộc sống conngười, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt là quần áo càng được đề cao vàcoi trọng Giờ đây, chúng ta không chỉ coi quần áo là đồ để mặc bình thường mà cònđược coi như một công cụ để thể hiện cá tính và phong cách thời trang của bản thân.Nhằm đáp ứng nhu cầu của mọi thành phần trong xã hội, lượng quần áo được đưa vàothị trường Việt Nam ngày càng phong phú và đa dạng cả về chủng loại và chất lượng
- Trong những năm gần đây, việc cập nhật các thông tin cũng như thực hiện cácgiao dịch thông qua Website ngày càng trở nên phổ biến Và một loại hình kinh doanhhiện nay khá phổ biến đó là buôn bán qua mạng Hình thức kinh doanh này manglại rất nhiều lợi ích cho người tiêu dùng cũng như nhà cung cấp Phần lớn khách hàng
có nhu cầu mua hàng thì phải đến các siêu thị các cửa hàng hay các trung tâm thươngmại để lựa chọn những mặt hàng phù hợp với nhu cầu của mình Công việc này tốnkém nhiều thời gian và chi phí đi lại cho người tiêu dùng đôi khi khách hàng còn bịmua phải mặt hàng kém chất lượng Tất cả những bất cập đó sẽ được loại bỏ với sự rađời của website bán hàng trực tuyến Khi khách hàng có nhu cầu mua hàng, dù ở nhàhay công sở hay bất cứ nơi nào có mạng internet khách hàng chỉ cần vào những trangbán hàng qua mạng là có thể tìm kiếm được những mặt hàng mà mình muốn mua.Ngoài những lợi ích mà internet mang lại cho người tiêu dùng nó còn giúp cho nhàcung cấp phát triển rất nhiều trong việc mở rộng thị trường, giúp thương hiệu công tyđược nhiều người biết đến từ đó giảm được rất nhiều chi phí quảng cáo
Nhận thấy được tầm quan trọng, tính thiết yếu của việc xây dựng và triển khai dự áncung cấp sản phẩm quần áo trên thị trường, chúng em đã quyêt định chọn đề tài:
"XÂY DỰNG WEBSITE BÁN QUẦN ÁO CHO SHOP P&N” để tìm hiểu, nghiêncứu trong bài tiểu luận Mục đích nghiên cứu đề tài này là muốn làm rõ được việc kinhdoanh dành cho quần áo, cũng như những khó khăn và thiếu xót trong quá trình pháttriển kinh doanh loại sản phẩm này Qua đó, đẩy mạnh, phát triển được những ưuđiểm; đồng thời tìm cách khắc phục, hạn chế những khuyết điểm để giúp dự án thànhcông, mang lại lợi nhuận cho nhóm và nhà đầu tư
Trang 5MỤC LỤC
MỞ ĐẦU iii
MỤC LỤC iv
DANH MỤC H;NH vi
DANH MỤC BẢNG vii
CHƯƠNG 1 TỔNG QUAN ĐỀ TÀI 1
1.1 Tên Đề Tài 1
1.2 Mục Tiêu Của Đề Tài 1
1.3 Ý Nghĩa Của Đề Tài 1
1.4 Đối Tượng Của Đề Tài 1
1.5 Một Số Trang Chính Của Website 1
CHƯƠNG 2 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 2
2.1 Phân tích yêu cầu đề tài 2
2.1.1 Tên đề tài 2
2.1.2 Chức năng 2
2.1.3 Yêu cầu đặt ra 2
2.2 Phân tích và thiết kế hệ thống 3
2.2.1 Khảo sát hiện trạng và xây dựng hệ thống 3
2.2.2 Phân tích hệ thống 3
CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ VỚI UML 4
3.1 Biểu đồ Usecase 4
3.1.1 Biểu đồ Usecase mức tổng quát 5
3.1.2 Biểu đồ use case trang giỏ hàng 6
3.1.3 Biểu đồ use case quản lý sản phẩm 6
3.1.4 Biểu đồ use case quản lý đơn hàng 7
3.1.5 Đặt tả Usecase 7
3.2 Biểu đồ tuần tự (Sequence Diagram) 10
3.2.1 Đăng ký 10
3.2.2 Đăng nhập 11
3.2.3 Xem giỏ hàng 11
3.2.4 Xem sản phẩm 12
IV
Trang 6CHƯƠNG 4 THIẾT KẾ CƠ SỞ DỮ LIỆU 14
4.1 Lược đồ quan hệ thực thể 14
4.2 Lược đồ 14
4.3 Lược đồ chi tiết 15
4.3.1 Bảng admin 15
4.3.2 Bảng catalog 15
4.3.4 Bảng product 15
4.3.5 Bảng slider 16
4.3.6 Bảng transaction 16
CHƯƠNG 5 GIAO DIỆN WEBSITE 17
5.1 Giao diện người dùng 17
5.1.1 Giao diện trang chủ 17
5.1.2 Giao diện trang đăng ký 18
5.1.3 Giao diện trang đăng nhập 18
5.1.4 Giao diện giỏ hàng 19
5.1.5 Giao diện xác nhận đơn hàng 20
5.1.6 Giao diện chi tiết sản phẩm 21
5.2 Giao diện admin 22
5.2.1 Giao diện đăng nhập 22
5.2.2 Tổng giao diện trang admin 22
5.2.3 Giao diện quản lý danh mục 23
5.2.4 Giao diện quản lý sản phẩm 23
5.2.5 Giao diện quản lý slider 24
5.2.6 Giao diện quản lý đơn đặt hàng 24
5.2.7 Giao diện quản lý khách hàng 24
5.2.8 Giao diện quản lý nhân viên 25
KẾT LUẬN 26
TÀI LIỆU THAM KHẢO 27
Trang 7DANH MỤC H;NH
Hình 1: Use Case tổng quát -5
Hình 2: Use case giỏ hàng -6
Hình 3: Use case quản lý sản phẩm -6
Hình 4: Use case quản lí đơn hàng -7
Hình 5: Sơ đồ tuần tự đăng ký -10
Hình 6: Sơ đồ tuần tự đăng nhập -11
Hình 7: Sơ đồ tuần tự xem giỏ hàng -11
Hình 8: Sơ đồ tuần tự xem sản phẩm -12
Hình 9: Sơ đồ tuần tự xóa giỏ hàng -13
Hình 10: Sơ đồ quan hệ thực thể -14
Hình 11: CSDL admin -15
Hình 12: CSDL catalog -15
Hình 13: CSDL oder -15
Hình 14: CSDL product -15
Hình 15: CSDL slider -16
Hình 16: CSDL transaction -16
Hình 17: CSDL user -16
Hình 18: Giao diện trang chủ -17
Hình 19: Giao diện trang đăng kí -18
Hình 20: Giao diện trang đăng nhập -18
Hình 21: Giao diện giỏ hàng -19
Hình 22: Giao diện xác nhận đơn hàng -20
Hình 23:Giao diện chi tiết sản phẩm -21
Hình 24 Giao diện đăng nhập admin -22
Hình 25: Giao diện trang chủ admin -22
Hình 26: Giao diện trang quản lý danh mục -23
Hình 27: Giao diện trang quản lý sản phẩm -23
Hình 28: Giao diện trang quản lý slider -24
Hình 29: Giao diện trang quản lý đơn đặt hàng -24
Hình 30: Giao diện trang quản lý khách hàng -24
Hình 31: Giao diện trang quản lý nhân viên -25
VI
Trang 8DANH MỤC BẢNG
Table 1: Mô tả Usecase 5Table 2: Bảng lược đồ website 14
Trang 9CHƯƠNG 1 TỔNG QUAN ĐỀ TÀI
CHƯƠNG 2 1.1 Tên Đề Tài.
CHƯƠNG 3 - XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNGSMART STORE
CHƯƠNG 4 1.2 Mục Tiêu Của Đề Tài.
CHƯƠNG 5 - Xây dựng website bán quần áo cho shop P&N
CHƯƠNG 6 1.3 Ý Nghĩa Của Đề Tài.
CHƯƠNG 7 - Tối ưu và tiết kiệm thời gian củakhách hàng
CHƯƠNG 8 - Giúp khách hàng tiếp cận sản phầm
dễ dàng hơnCHƯƠNG 9 - Giúp cửa hàng quảng bá rộng rãi vớinhiều khách hàng hơn
CHƯƠNG 10 1.4 Đối Tượng Của Đề Tài.
CHƯƠNG 11 - Đối tượng nghiên cứu chủ yếu là cácloại mặt hàng liên quan đến điện tử
CHƯƠNG 12 1.5 Một Số Trang Chính Của Website.
CHƯƠNG 13 - Home: Cung cấp một số thông tindịch vụ cần thiết của khách hàng
CHƯƠNG 14 - Products: cung cấp cho khách hàngtất cả sản phẩm của cửa hàng
CHƯƠNG 15 - Detail: Đây là trang khách hàng cóthể xem chi tiết sản phẩm và mua hàng
CHƯƠNG 16 - Login: Người dùng đăng nhập vàđăng kí để mua được sản phẩm của trang
CHƯƠNG 17 - Top Brand: Cung cấp cho kháchhàng có những thương hiệu gì
CHƯƠNG 18 - Contact: Nơi khách hàng có thể hỏiđáp với cửa hàng
CHƯƠNG 19 - Profile: Khách hàng có thể xem lạithông tin của mình
CH ƯƠ NG 20
CH ƯƠ NG 21
VIII
Trang 10CHƯƠNG 31 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU
31.1 Phân tích yêu cầu đề tài
Xem các mặt hàng chính của cửa hàng
Xem chi tiết từng sản phẩm một
Hiện thị người hỗ trợ và liên lạc với người hỗ trợ
Hiện thị địa chỉ của shop
Đăng nhập, đăng kí vào cửa hàng
Thêm vào giỏ hàng
Trang quản lý của admin
Thanh toán
32.1.1 Yêu cầu đặt ra
– Hệ thống có 2 phần:
Thứ nhất: Phần người dùng
Hiện thị được giá của sản phẩm
Hiện thị được chi tiết về sản phẩm
Khách hàng muốn mua hàng bấm vào nút đặt hàng
Nếu có vấn đề thì khách hàng vào trang liên hệ để liên hệ với cửa hàng
Trang 11Thứ 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 hệ thống Ngườinày được cấp username và password để đăng nhập hệ thống thực hiệnchức năng của mình:
Chức năng cập nhật, sửa, xoá các mặt hàng, loại hàng, nhà sản xuất, tàikhoản khách hàng, slider
Tiếp nhận kiểm tra đơn đặt hàng của khách hàng Hiển thị đơn đặt hàng
32.2 Phân tích và thiết kế hệ thống
32.2.1 Khảo sát hiện trạng và xây dựng hệ thống
– Sau khi khảo sát em đã nắm bắt được các thông tin :
Quản lý khách hàng : Mỗi khách hàng được quản lý các thông tinsau: Họ tên, địa chỉ, số điện thoại, email
Quản lý sản phẩm: Mã hàng hoá, tên hàng hoá, đơn giá, số lượng,hình ảnh, chi tiết, mã loại hàng, tên loại hàng
Quản lý giỏ hàng: Danh sách đơn hàng thành công, danh sách đơnhàng thất bại, lịch sử giỏ hàng
32.2.2 Phân tích hệ thống
– 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 “Xây dựng website bán giày”
– Qua quá trình khảo sát, phân tích thực trạng và xây dựng hướng pháttriển cho hệ thống mới em đa xây dựng cấu trúc của hệ thống “Xâydựng Website bán giày”
X
Trang 12CHƯƠNG 33 PHÂN TÍCH THIẾT KẾ VỚI UML 33.1 Biểu đồ Usecase
CHƯƠNG 38 CHƯƠNG 39
Đăng kí
CHƯƠNG 40
Đăng kí một tài khoản
CHƯƠNG 4hách hàng
CHƯƠNG 42 CHƯƠNG 43
Đăng nhập
CHƯƠNG 44
Đăng nhập vào
hệ thống
CHƯƠNG 4hách hàng, Admin
CHƯƠNG 46 CHƯƠNG 47
Xem sản phẩm
CHƯƠNG 48
Xem chi tiết các sản phẩm
CHƯƠNG 4hách hàng, Admin
Thanh toán
CHƯƠNG 56
Thanh toán bằngtiền mặt khi nhận hàng hoặc thông quacác dịch
vụ thanh toán online
CHƯƠNG 5hách hàng
CHƯƠNG 58 CHƯƠNG 59
Liên hệ
CHƯƠNG 60
Gửi các yêu cầu đến với website
và xem địa chỉ của cửa hang trên
CHƯƠNG 6hách hàng
Trang 13bản đồCHƯƠNG 62 CHƯƠNG 63
Quản lý giỏ hàng
CHƯƠNG 64
Khách hàng quản lý giỏ hàng của chính
họ ( có thể thêm, sửa, xoá
đã chọn)
CHƯƠNG 6hách hàng
CHƯƠNG 66 CHƯƠNG 67
Quản lí thông tin liên hệ
CHƯƠNG 68
Admin quản lí các thôngtin liên hệcủa khách hàng
CHƯƠNG 6dmin
CHƯƠNG 70 CHƯƠNG 71
Quản lý tài khoản khách hàng
CHƯƠNG 72
Admin quản lý tài khoản của các khách hàng CHƯƠNG 73
+ Thêm mớiCHƯƠNG 74
+ Chỉnh sửaCHƯƠNG 75
+ Hiển thị CHƯƠNG 76
+ Xoá
CHƯƠNG 7dmin
CHƯƠNG 78 CHƯƠNG 79 CHƯƠNG 80
Admin
CHƯƠNG 8dmin
12
Trang 14Quản lý sản phẩm.
quản lý các sản phẩmCHƯƠNG 81
+ Thêm mớiCHƯƠNG 82
+ Chỉnh sửaCHƯƠNG 83
+ Hiển thịCHƯƠNG 84
+ XoáCHƯƠNG 86 CHƯƠNG 87
Quản lý đơn hàng
CHƯƠNG 88
Admin quản lý đơn đặt hàng của khách hàng đặtCHƯƠNG 89
+ Thêm mớiCHƯƠNG 90
+ Chỉnh sửaCHƯƠNG 91
+ Hiển thịCHƯƠNG 92
+ XoáCHƯƠNG 93
CHƯƠNG 9dmin
CHƯƠNG 95 Table 1: Mô tả Usecase
95.1.1 Biểu đồ Usecase mức tổng quát
Trang 15CHƯƠNG 96 Hình 1: Use Case tổng quát
CH ƯƠ NG 97
CH ƯƠ NG 98
98.1.1 Biểu đồ use case trang giỏ hàng
CHƯƠNG 99 Hình 2: Use case giỏ hàng
99.1.1 Biểu đồ use case quản lý sản phẩm
14
Trang 16CHƯƠNG 100 Hình 3: Use case quản lý sản phẩm
Trang 17CHƯƠNG 106 Hình 4: Use case quản lí đơn hàng
106.1.1 Đặt tả Usecase
– Usecase đăng nhập
Đối tượng sử dụng (actor) bao gồm: khách hàng, admin
Use case 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:
1 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
2 Actor nhập xong thông tin đăng nhập và click nút đăng nhập
3 Hệ thống check lại thông tin đăng nhập và thông báo thànhcông/thất bại cho actor Nếu đăng nhập thành công hệ thốngdựa trên thông tin đăng nhập sẽ đồng thời phân quyền tùy theoloại nhân viên Nếu đăng nhập thất bại, hệ thống sẽ hiện thôngbáo cho người dùng và yêu cầu đăng nhập lại
– Usecase đăng ký
16
Trang 18 Actor Người dùng là người sử dụng Use Case này Use Case nàyđược sử dụng để thực hiện chức năng đăng kí tài khoản của ngườidùng Sau khi đăng kí tài khoản, lúc đó Người dù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 chính
1 Người dùng chọn chức năng đăng ký từ trang chủ củawebsite
2 Trang chủ sẽ mở đến trang đăng ký
3 Người dùng nhập đầy đủ thông tin tài khoản và thông tin cánhân
4 Hệ thống xác nhận thông tin và lưu lại
5 Hiển thị thông báo
6 Kết thúc Use Case
Các dòng sự kiện khác
1 Người dù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 Use Case
Trạng thái hệ thống sau khi thực hiện Use Case
o Trường hợp đăng ký thành công: hệ thống hiển thị trangđăng nhập để người dùng có thể đăng nhập vào website
o 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
– Usecase đặt mua
Use Case này được sử dụng để thực hiện chức năng đặt mua sảnphẩm của người dùng Sau khi truy cập vào website và xem thôngtin sản phẩm, người dùng có thể đặt mua sản phẩm mà mình cảmthấy vừa ý
Dòng sự kiện:
1 Người dùng chọn chức năng xem thông tin chi tiết của sảnphẩm
Trang 192 Trang chủ sẽ mở đến trang thông tin chi tiết của sản phẩm.
3 Người dùng xem và nhấn vào nút “đặt 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 Use Case
– Usecase chi tiết sản phẩm
Use Case này được sử dụng để thực hiện chức năng xem thông tinsản phẩm của người dùng Sau khi truy cập vào website ngườidung có thể xem thông tin các sản phẩm có tại website
Dòng sự kiện
1 Người dùng truy cập vào website và nhấn chọn sản phẩm
2 Trang chủ sẽ mở đến trang chi tiết sản phẩm
3 Người dùng xem thông tin sản phẩm
4 Kết thúc Use Case
– Usecase thanh toán
- Use Case này được sử dụng để thực hiện chức năng thanh toántiền cho sản phẩm đã đặt mua Sau khi đã đặt mua sản phẩm, giỏhàng của người dùng đã tồn tại một hoặc nhiều sản phẩm, nếumuốn có trong tay các sản phẩm này người dùng cần phải chọn
UC này để thanh toán
- Dòng sự kiện
1 Người dùng chọn chức năng đặt mua
2 Trang chủ sẽ mở đến trang giỏ hàng của người dùng
3 Người dùng xem và nhấn vào nút “Thanh toán”
4 Hệ thống xác nhận thông tin và hiển thị trang thanh toán
5 Người dùng nhập đầy đủ thông tin
6 Hệ thống đưa ra thông báo và quay trở lại trang giỏ hàng
7 Kết thúc Use Case
– Use Case Tìm kiếm
Use Case này được sử dụng để thực hiện chức năng tìm kiếm sảnphẩm Với chức năng này, Người dùng có thể tìm kiếm sản phẩm
18
Trang 20mà mình yêu thích và xem sản phẩm đó có tồn tại trong websitehay không.
Dòng sự kiện
1 Người dùng chọn chức năng tìm kiếm từ trang chủ
2 Người dùng nhập thông tin tìm kiếm
3 Hệ thống xác nhận thông tin và thực hiện tìm kiếm
4 Hệ thống trả về thông tin tìm kiếm
Trang 22117.1.1 Xem sản phẩm
CHƯƠNG 118 Hình 8: Sơ đồ tuần tự xem sản phẩm
Trang 24CHƯƠNG 131 THIẾT KẾ CƠ SỞ DỮ LIỆU 131.1 Lược đồ quan hệ thực thể
CHƯƠNG 132 Hình 10: Sơ đồ quan hệ thực thể
CHƯƠNG 136
1
CHƯƠNG 137
Products
CHƯƠNG 1Dan
h sáchthôn
g tincác sản phẩmCHƯƠNG 139
2
CHƯƠNG 140
Catalog
CHƯƠNG 1Dan
h sáchcác nhã
n hiệuCHƯƠNG 142
3
CHƯƠNG 143
Transac
CHƯƠNG 1Thô
ng
Trang 25tion tin
giaodịchCHƯƠNG 145
4
CHƯƠNG 146
Order
CHƯƠNG 1Thô
ng tin tổngqua
n khi khá
ch hàn
g muahàngCHƯƠNG 148
5
CHƯƠNG 149
User
CHƯƠNG 1Dan
h sáchthôn
g tintài khoảnCHƯƠNG 151
6
CHƯƠNG 152
Admin
CHƯƠNG 1Dan
h sáchcác adminCHƯƠNG 154
h sáchhìnhảnh chu
24