Các phương tiện kĩ thuật và công cụ thiết kế website ngày càng đơn giản, rộng rãi để thiết kế, xây dựng.. Từ đó, nhóm em đã quyết định chọn đề tài “Thiết kế website bán hàng quần áo”, xâ
Trang 1BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á
BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ
Dương Văn Thành 13 DCCNTT13.10.6 20221018
Nguyễn Thạc Thắng 13 DCCNTT13.10.6 20221036
Nguyễn Văn Duy 13 DCCNTT13.10.6 20220995
Vũ Hoàng Linh 13 DCCNTT13.10.6 20221092
Trang 2BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á
BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ WEB
Nhóm:11
TÊN : THIẾT KẾ WEB BÁN HÀNG QUẦN ÁO
S
T
T
Sinh viên thực
Mã sinh viên
Điểm bằng số
Điểm bằng chữ
Ký tên SV
1 Dương Văn
Thành
13 DCCNTT13.10.6 20221018
2 Nguyễn Thạc
Thắng
13 DCCNTT13.10.6 20221036
3 Nguyễn Văn
Duy
13 DCCNTT13.10.6 20220995
4 Vũ Hoàng
Linh
13 DCCNTT13.10.6 20221092
Trang 3MỤC LỤC
DANH MỤC BẢNG BIỂU VÀ SƠ ĐỒ 4
Chương 1 Giới thiệu về đề tài 5
1.1.Giới thiệu về đề tài 5
1.2 Kế hoạch làm đề tài và phân chia công việc 5
1.3.Các công nghệ sử dụng 6
Chương 2 Mô hình hệ thống 7
2.1 Đối tượng người dùng 7
2.2 Chức năng của hệ thống 7
2.3 Kịch bản sử dụng và các màn hình 8
2.4 Sơ đồ usecase 9
2.5 Thiết kế bản mẫu 10
2.6 Các công nghệ, công cụ sử dụng trong dự án 11
Chương 3 Phát triển hệ thống 12
3.1 Các bố cục chính (layout) 12
3.2 Các trang con cho từng chức năng 12
Kết luận 13
Kết quả thu được 13
Hạn chế và hướng phát triển của đề tài 13
Danh mục sách tham khảo 14
Trang 4DANH MỤC BẢNG BIỂU VÀ SƠ ĐỒ (Nếu có)
(trình bầy trong trang riêng)
1.1
Lưu ý
- Các sơ đồ, hình vẽ, bảng biểu phải có tên và số thứ tự được sắp xếp theo chương
- Đối với sơ đồ, hình vẽ, đồ thị thì tên được đặt ở dưới
- Đối với bảng số liệu thì tên đặt ở trên
Trang 5Chương 1 Giới thiệu về đề tài
1.1.Giới thiệu về đề tài.
Thế giới ngày nay càng phát triển, đời sống con người ngày càng hiện đại hóa Do
đó, quần áo rất được nhiều người ưa chuộng và yêu thích
Hiện nay thì nhu cầu mua sắm online ngày càng phát triển, nhu cầu mua sắm thời trang trực tuyến là rất lớn Ngày càng có rất nhiều các cá nhân, doanh nghiệp, tổ chức quan tâm đến lĩnh vực này để kinh doanh, quảng cáo
Các phương tiện kĩ thuật và công cụ thiết kế website ngày càng đơn giản, rộng rãi để thiết kế, xây dựng
Từ đó, nhóm em đã quyết định chọn đề tài “Thiết kế website bán hàng quần áo”, xây dựng thử nghiệm web mua sắm trực tuyến theo mô hình kiến thức của thầy và giáo trình Thông qua đó em có thêm hiểu biết, nắm rõ hơn về lĩnh vực thiết kế website một cách hiệu quả nhất
1.2.Kế hoạch làm đề tài và phân chia công việc.
Kế hoạch thực hiện:
Từ ngày 10/09/2023 đến ngày 12/09/2023: Tham khảo tài liệu, website khác
Từ ngày 13/09/2023 đến ngày 14/09/2023: Tìm kiếm thư viện ảnh
Từ ngày 15/09/2023 đến ngày 19/09/2023: Thiết kế sơ bộ( bản thảo bằng phần mềm), phối màu( chọn màu theo tiêu chí trong bánh xe màu color wheel), chọn font, cỡ font
Từ ngày 20/09/2023 đến ngày 23/09/2023: Thực hiện trên máy
Nộp bài tập lớn vào ngày: 24/09/2023
Trang 61.3.Các công nghệ sử dụng.
Adobe Photoshop
HTML, CSS, JavaScript
Edge
Trang 7Chương 2 Mô hình hệ thống
2.1 Đối tượng người dùng.
- Actor là thực thể bên ngoài hệ thống, là những người sử dụng trực tiếp chương trình Actor được đại diện với vai trò là tác nhân sinh ra các usecase cơ bản
- Các Actor chính trong hệ thống:
+ Admin: Quản lý user account cũng như toàn bộ thông tin hệ thống, Có thể tạo, xóa, xem, thay đổi thông tin của sản phẩm, user account
+ Manager: Quản lí phần mềm, tối ưu website, phân phối và liên kết thành phần web theo cách tối ưu nhất
+ User: Khách hàng sử dụng phần mềm, tạo tài khoản, xem sản phẩm, mua sản phẩm, góp ý báo lỗi hệ thống, …
2.2 Chức năng của hệ thống.
- Đối với Admin : Quyền Admin quản lý các mặt hàng, các sản phẩm, thống kê các đơn đặt hàng theo địa điểm và thời gian, chi tiết đơn như đơn hàng chưa xử lý, đơn đang xử
lý, đã xử lý và hủy khi khách hàng không muốn mua hoặc lý do khác Không có quyền mua sản phẩm
- Đối với Guest: Khách hàng có thể xem, tìm kiếm những sản phẩm mỹ phẩm , kèm theo chi tiết sản phẩm, có thể tìm hiểu về cửa hàng và chính sách bảo hành của của hàng Ngoài ra khách hàng có thể mua hàng, gửi những ý kiến đóng góp cho shop Có thể đăng ký tài khoản( nếu muốn)
- Ngoài ra trang Web sẽ hỗ trợ khả năng tìm kiếm sản phẩm theo tên sản phẩm Nâng cao chất lượng phục khách hàng và giảm đáng kể các chi phí theo phương thức truyền thống
Trang 8• Ảnh minh họa
Hình 1.1 Mô hình hoạt động
2.3 Kịch bản sử dụng và các màn hình.
• Các giao diện chính trong website
- Home: Giao diện sảnh chính khi truy cập vào website
- Shop: Giao diện chứa những mặt hàng quần áo hiện có nhiều lượt mua nhất
- Giỏ Hàng: Là giao diện chứa những sản phẩm bạn đã thêm vào giỏ
- Sản Phẩm: Giao diện chứa tất cả sản phẩm hiện có trong shop / website
- Về Chúng Tôi: Giao diện chứa thông tin của những founders tạo lên trang web
- Thanh Toán: Giao diện chứa thông tin, địa chỉ của bạn và các phương thức thanh to
Trang 92.4 Sơ đồ usecase
Hình 1.2 Sơ đồ usecase
Trang 102.5 Thiết kế bản mẫu.
• 2.5.1 Bản mẫu thiết kế chính của trang chủ / Home
• 2.5.2 Một vài bản mẫu minh họa phụ của các trang web con
Trang 112.6 Các công nghệ, công cụ sử dụng trong dự án.
• CSS
• HTML
• JAVASCRIPT
• ADOBE PHOTOSHOP
• MICROSOFT EDGE
• VISUAL STUDIO CODE
• DRAW.IO
Trang 12Chương 3 Phát triển hệ thống
3.1 Các bố cục chính (layout)
3.2 Các trang con cho từng chức năng.
Trang 13Kết luận
Kết quả thu được.
Trên đây là đôi nét tổng quan để chúng ta biết về Quản Lý Trang Web Bán Hàng và làm quen với thiết kế web với những yêu cầu được đề ra ban đầu Bên cạnh đó là bảng phân công trong nhóm để mọi người làm việc một cách hiệu hiệu xuất nhất.
Hạn chế và hướng phát triển của đề tài.
Chưa nắm rõ hết những gì về Framework angular và Nodejs để sử dụng những hữu ích khác
có lợi cho việc lập trình cũng như là code
Hướng phát triển của đề tài : Phát triển thành một website hoàn chỉnh có cả frontend và backend, tối ưu hóa website và đưa vào ứng dụng thực tế
Trang 14Danh mục sách tham khảo
Tham khảo:
https://stackoverflow.com
https://www.w3schools.com
https://www.devx.com
(Đã tham khảo vào ngày 21/9/2023)
