Báo cáo đề tài môn Lập trình Web: Xây dựng website bán quần áo

Báo cáo đề tài môn lập trình web bán quần áo. Tài liệu chi tiết, code mẫu và hướng dẫn xây dựng website bán hàng chuyên nghiệp. Tải ngay!

• Tác giả: Lê Quốc Cường
• Người hướng dẫn: Ths. Bùi Thị Thanh Tú
• Chuyên ngành: Lập trình web
• Đề tài: Bán Quần Áo
• Loại tài liệu: Báo cáo đề tài

Mục lục chi tiết

• BẢNG CHẤM ĐIỂM
• ĐÁNH GIÁ CÔNG VIỆC THÀNH VIÊN
• 1. MÔ TẢ ĐỀ TÀI
• 2. CẤU TRÚC WEBSITE
• 2.1. Phần ADMIN
• 2.2. Phần KHÁCH HÀNG
• 3. GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG
• 3.1. Trang HOME
• 3.2. Trang DANH SÁCH SẢN PHẨM
• 3.3. Trang CHI TIẾT SẢN PHẨM
• 3.4. Trang GIỎ HÀNG
• 3.5. Trang THANH TOÁN
• 3.6. Trang XÁC NHẬN ĐƠN HÀNG
• 3.7. Trang LỊCH SỬ MUA HÀNG
• 3.8. ĐĂNG KÝ / ĐĂNG NHẬP
• 4. SƠ ĐỒ CƠ SỞ DỮ LIỆU
• 5. ENTITY DATA MODEL
• 6. PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG
• 6.1. Phần ADMIN
• 6.1.1. Trang LAYOUT
• 6.1.2. Quản lý DANH MỤC
• 6.1.3. Quản lý HÀNG HÓA
• 6.1.4. Quản lý CHI TIẾT SẢN PHẨM
• 6.1.5. Quản lý MÀU SẮC
• 6.1.6. Quản lý HÌNH ẢNH
• 6.1.7. Quản lý TÀI KHOẢN KHÁCH HÀNG
• 6.1.8. Quản lý MÃ KHUYẾN MÃI
• 6.1.9. Quản lý ĐƠN HÀNG
• 6.2. Phần KHÁCH HÀNG
• 6.2.1. Trang MASTER LAYOUT
• 6.2.1.1. Phân tích layout
• 6.2.1.2. Phân tích chức năng
• 6.2.2. Trang HOME
• 6.2.2.1. Phân tích layout
• 6.2.2.2. Phân tích chức năng
• 6.2.3. Trang DANH SÁCH SẢN PHẨM
• 6.2.4. Trang CHI TIẾT SẢN PHẨM
• 6.2.5. Trang GIỎ HÀNG
• 6.2.6. Trang THANH TOÁN
• 6.2.7. Trang XÁC NHẬN ĐƠN HÀNG
• 6.2.8. Trang LỊCH SỬ MUA HÀNG
• 6.2.9. ĐĂNG KÝ / ĐĂNG NHẬP
• 7. TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG
• 8. MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MÔ HÌNH MVC
• 8.1. MODELS
• 8.2. VIEWS
• 8.2.1. AdminUser
• 8.2.2. Cart
• 8.2.3. Gói Categories
• 8.2.4. Gói Colors
• 8.2.5. Gói Galleries
• 8.2.6. Gói Home
• 8.2.7. Gói Galleries
• 8.2.8. Gói Orders
• 8.2.9. Gói ProductDetails
• 8.2.10. Gói Products
• 8.2.11. Gói Shared
• 8.2.12. Gói Users
• 8.2.13. Gói vouchers
• 8.3. CONTROLLERS
• 8.3.1. AdminUserController
• 8.3.2. CartController
• 8.3.3. CategoriesController
• 8.3.4. ColorsController
• 8.3.5. GalleriesController
• 8.3.6. HomeController
• 8.3.7. OrdersController
• 8.3.8. ProductDetailsController
• 8.3.9. ProductsController
• 8.3.10. vouchersController
• 8.3.11. UsersController
• 8.4. SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL

Tóm tắt

I. Tổng Quan Báo Cáo Đề Tài Lập Trình Web Bán Quần Áo

Đề tài lập trình web bán quần áo là một dự án phổ biến trong lĩnh vực thương mại điện tử. Báo cáo này trình bày quá trình xây dựng một website bán hàng cơ bản, bao gồm các chức năng quản lý sản phẩm, giỏ hàng, thanh toán và quản lý người dùng. Mục tiêu của đề tài là áp dụng các kiến thức về lập trình web như HTML, CSS, JavaScript, PHP, MySQL và các framework phổ biến để tạo ra một website bán quần áo hoạt động hiệu quả. Dữ liệu từ tài liệu gốc cho thấy nhóm đã tham khảo website vnclo.com làm nguồn cảm hứng và tham chiếu chức năng. Việc thiết kế web bán quần áo đòi hỏi sự hiểu biết về giao diện người dùng (UI), trải nghiệm người dùng (UX) và các nguyên tắc tối ưu hóa công cụ tìm kiếm (SEO) để thu hút khách hàng và tăng doanh số bán hàng. Báo cáo đề tài này sẽ đi sâu vào các khía cạnh kỹ thuật, thiết kế và quản lý của dự án website bán quần áo. Nhóm tác giả đã phân công công việc rõ ràng, với các thành viên đảm nhận các vai trò khác nhau như frontend, backend, database và báo cáo. Sự phối hợp nhịp nhàng giữa các thành viên là yếu tố then chốt để hoàn thành dự án thành công. Quan trọng hơn, việc nắm vững kiến thức nền tảng về lập trình web và khả năng áp dụng chúng vào thực tế là điều kiện tiên quyết để xây dựng một website bán hàng hiệu quả.

1.1. Giới Thiệu Chung Về Đề Tài Báo Cáo Lập Trình Web

Đề tài tập trung vào việc xây dựng website bán quần áo trực tuyến. Website này cung cấp các chức năng cơ bản như xem sản phẩm, thêm vào giỏ hàng, thanh toán và quản lý tài khoản người dùng. Công nghệ sử dụng bao gồm HTML, CSS, JavaScript cho giao diện, PHP cho xử lý logic và MySQL cho cơ sở dữ liệu. Mục tiêu là tạo ra một website bán hàng dễ sử dụng, có tính thẩm mỹ cao và tối ưu cho SEO. Dữ liệu được tham khảo từ website vnclo.com giúp nhóm định hình được cấu trúc và chức năng cần thiết. Chức năng tìm kiếm và quản lý kho hàng cơ bản được tích hợp để tăng trải nghiệm người dùng. Các thành viên nhóm đã phân chia công việc rõ ràng, thể hiện tinh thần làm việc nhóm hiệu quả. Báo cáo này trình bày chi tiết quá trình thiết kế, phát triển và triển khai website bán quần áo, đồng thời đánh giá hiệu quả và đưa ra các đề xuất cải tiến.

1.2. Mục Tiêu và Phạm Vi Nghiên Cứu Đề Tài Lập Trình Web

Mục tiêu chính của đề tài là thiết kế và phát triển một website bán quần áo hoàn chỉnh, đáp ứng các yêu cầu cơ bản của một hệ thống thương mại điện tử. Phạm vi nghiên cứu bao gồm việc phân tích yêu cầu người dùng, thiết kế cơ sở dữ liệu, xây dựng giao diện người dùng, phát triển các chức năng quản lý sản phẩm, giỏ hàng, thanh toán, và quản lý tài khoản. Đề tài cũng tập trung vào việc tối ưu hóa trải nghiệm người dùng (UX) và áp dụng các kỹ thuật SEO để tăng khả năng hiển thị trên các công cụ tìm kiếm. Báo cáo đề tài này sẽ đánh giá hiệu quả của việc áp dụng các công nghệ lập trình web vào việc xây dựng website bán hàng, đồng thời đưa ra các giải pháp để nâng cao hiệu quả và tính cạnh tranh của website.

II. Phân Tích Vấn Đề Trong Lập Trình Web Bán Quần Áo

Việc lập trình web bán quần áo gặp phải nhiều thách thức. Đầu tiên, cần đảm bảo giao diện người dùng thân thiện, dễ sử dụng trên nhiều thiết bị (responsive design, mobile-first). Thứ hai, việc quản lý số lượng lớn sản phẩm, thông tin chi tiết (màu sắc, kích cỡ), hình ảnh đòi hỏi một hệ thống database mạnh mẽ, có khả năng mở rộng. Thứ ba, vấn đề bảo mật website cần được đặc biệt chú trọng để bảo vệ thông tin khách hàng và dữ liệu giao dịch. Thứ tư, việc tích hợp các phương thức thanh toán trực tuyến an toàn, tiện lợi là yếu tố quan trọng để tăng tỷ lệ chuyển đổi. Cuối cùng, việc tối ưu hóa SEO để website bán hàng hiển thị tốt trên các công cụ tìm kiếm đòi hỏi kiến thức chuyên sâu về marketing online và quảng cáo trực tuyến. Theo tài liệu gốc, nhóm đã xây dựng sơ đồ cơ sở dữ liệu dựa trên việc quan sát database của website vnclo.com, cho thấy sự chú trọng đến việc quản lý dữ liệu sản phẩm và khách hàng. Việc giải quyết các vấn đề này một cách hiệu quả sẽ quyết định sự thành công của website bán quần áo.

2.1. Các Thách Thức Về Giao Diện và Trải Nghiệm Người Dùng UX

Giao diện người dùng cần được thiết kế trực quan, dễ điều hướng và hấp dẫn. Trải nghiệm người dùng (UX) cần được tối ưu hóa để đảm bảo khách hàng dễ dàng tìm kiếm sản phẩm, thêm vào giỏ hàng và thực hiện thanh toán. Các yếu tố như tốc độ tải trang, khả năng tương thích trên các thiết bị khác nhau, và tính năng hỗ trợ khách hàng trực tuyến đóng vai trò quan trọng. Việc sử dụng responsive design là bắt buộc để website hiển thị tốt trên cả máy tính, điện thoại và máy tính bảng. Các kỹ thuật JavaScript, HTML, CSS được sử dụng để tạo ra các hiệu ứng động, tăng tính tương tác và hấp dẫn cho giao diện người dùng. Việc thu thập và phân tích phản hồi của người dùng giúp cải thiện UX và tăng tỷ lệ chuyển đổi.

2.2. Vấn Đề Quản Lý Cơ Sở Dữ Liệu và Bảo Mật Website

Cơ sở dữ liệu cần được thiết kế một cách khoa học để lưu trữ thông tin sản phẩm, khách hàng, đơn hàng và các dữ liệu khác một cách hiệu quả. Việc sử dụng MySQL hoặc các hệ quản trị cơ sở dữ liệu quan hệ khác là phổ biến. Vấn đề bảo mật website cần được đặc biệt chú trọng để bảo vệ thông tin nhạy cảm của khách hàng, ngăn chặn các cuộc tấn công mạng và đảm bảo tính toàn vẹn của dữ liệu. Các biện pháp bảo mật như mã hóa dữ liệu, xác thực người dùng, và kiểm tra an ninh thường xuyên là cần thiết. Theo tài liệu gốc, nhóm đã tạo các Model trong project, đại diện cho cấu trúc dữ liệu của các bảng, từ đó dễ dàng thao tác và truy vấn data từ database.

III. Phương Pháp Thiết Kế Giao Diện Web Bán Quần Áo Thân Thiện

Để thiết kế web bán quần áo thân thiện, cần áp dụng các nguyên tắc thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX). Đầu tiên, cần xác định rõ đối tượng mục tiêu và xây dựng giao diện phù hợp với sở thích và thói quen của họ. Thứ hai, cần sử dụng bố cục rõ ràng, dễ điều hướng, với các danh mục sản phẩm được phân loại khoa học. Thứ ba, cần sử dụng hình ảnh chất lượng cao, mô tả sản phẩm chi tiết và cung cấp nhiều góc nhìn khác nhau. Thứ tư, cần tích hợp các tính năng tìm kiếm, lọc sản phẩm thông minh để giúp khách hàng dễ dàng tìm thấy sản phẩm mong muốn. Cuối cùng, cần đảm bảo website có tốc độ tải trang nhanh, hoạt động ổn định và tương thích trên nhiều thiết bị. Việc sử dụng các framework như ReactJS, AngularJS, VueJS giúp tăng tốc độ phát triển và đảm bảo tính nhất quán của giao diện.

3.1. Xây Dựng Bố Cục Trang Web Bán Hàng Rõ Ràng và Dễ Điều Hướng

Bố cục trang web cần được thiết kế sao cho khách hàng dễ dàng tìm thấy thông tin và sản phẩm mong muốn. Các danh mục sản phẩm cần được phân loại khoa học, hiển thị rõ ràng trên menu. Thanh tìm kiếm cần được đặt ở vị trí dễ thấy. Các thông tin quan trọng như chính sách vận chuyển, đổi trả, liên hệ cần được hiển thị ở footer. Việc sử dụng các biểu tượng (icon) trực quan giúp khách hàng dễ dàng nhận biết các chức năng. Theo tài liệu gốc, nhóm đã phân tích layout trang web thành các phần như Logo, Menu, Categories, Content Body, Footer. Từ đó có cái nhìn tổng quan về cấu trúc trang web và xây dựng bố cục phù hợp.

3.2. Sử Dụng Hình Ảnh Sản Phẩm Chất Lượng Cao và Mô Tả Chi Tiết

Hình ảnh sản phẩm đóng vai trò quan trọng trong việc thu hút khách hàng. Cần sử dụng hình ảnh chất lượng cao, hiển thị rõ ràng các chi tiết của sản phẩm. Cung cấp nhiều góc nhìn khác nhau (trước, sau, bên cạnh) để khách hàng có cái nhìn toàn diện về sản phẩm. Mô tả sản phẩm cần chi tiết, chính xác, cung cấp thông tin về chất liệu, kích cỡ, màu sắc, xuất xứ và các thông tin khác liên quan. Việc sử dụng video sản phẩm cũng là một cách hiệu quả để tăng tính tương tác và thuyết phục khách hàng. Các thuộc tính của ảnh như alt text cũng cần được tối ưu để cải thiện SEO.

IV. Giải Pháp Phát Triển Chức Năng Quản Lý Bán Hàng Online

Chức năng quản lý bán hàng online bao gồm quản lý sản phẩm, quản lý kho hàng, quản lý đơn hàng, quản lý khách hàng và quản lý thanh toán. Để quản lý sản phẩm hiệu quả, cần xây dựng hệ thống cho phép thêm mới, sửa đổi, xóa sản phẩm, cập nhật thông tin chi tiết và hình ảnh. Quản lý kho hàng giúp theo dõi số lượng sản phẩm còn lại, cảnh báo khi số lượng thấp và tự động cập nhật khi có đơn hàng mới. Quản lý đơn hàng cho phép theo dõi trạng thái đơn hàng, xử lý đơn hàng, tạo hóa đơn và gửi thông báo cho khách hàng. Quản lý khách hàng giúp lưu trữ thông tin khách hàng, theo dõi lịch sử mua hàng và cung cấp các chương trình khuyến mãi phù hợp. Quản lý thanh toán tích hợp các phương thức thanh toán trực tuyến an toàn, tiện lợi và theo dõi các giao dịch. Các API thanh toán phổ biến như PayPal, Stripe có thể được tích hợp để đảm bảo tính an toàn và bảo mật.

4.1. Xây Dựng Hệ Thống Quản Lý Sản Phẩm và Kho Hàng Hiệu Quả

Hệ thống quản lý sản phẩm cần cho phép thêm mới, sửa đổi, xóa sản phẩm, cập nhật thông tin chi tiết (tên sản phẩm, giá, mô tả, hình ảnh, màu sắc, kích cỡ). Cần có khả năng phân loại sản phẩm theo danh mục, thương hiệu, và các thuộc tính khác. Hệ thống quản lý kho hàng cần theo dõi số lượng sản phẩm còn lại, cảnh báo khi số lượng thấp, và tự động cập nhật khi có đơn hàng mới hoặc khi nhập hàng. Việc sử dụng mã vạch (barcode) giúp quản lý kho hàng chính xác và hiệu quả hơn. Theo tài liệu gốc, nhóm đã xây dựng sơ đồ cơ sở dữ liệu cho thấy sự quan tâm đến việc quản lý chi tiết sản phẩm (ProductDetails) và các thuộc tính liên quan.

4.2. Tích Hợp Các Phương Thức Thanh Toán Trực Tuyến An Toàn

Việc tích hợp các phương thức thanh toán trực tuyến an toàn, tiện lợi là yếu tố quan trọng để tăng tỷ lệ chuyển đổi. Các phương thức thanh toán phổ biến bao gồm thẻ tín dụng (Visa, Mastercard), ví điện tử (PayPal, Momo), chuyển khoản ngân hàng. Cần đảm bảo tính bảo mật của thông tin thanh toán, sử dụng các giao thức mã hóa (SSL) và tuân thủ các tiêu chuẩn bảo mật (PCI DSS). Việc cung cấp nhiều lựa chọn thanh toán giúp khách hàng dễ dàng lựa chọn phương thức phù hợp. Các API thanh toán cung cấp các công cụ và thư viện để tích hợp các phương thức thanh toán vào website một cách dễ dàng.

V. Ứng Dụng Thực Tế Kết Quả Nghiên Cứu Đề Tài Bán Quần Áo

Dự án website bán quần áo có nhiều ứng dụng thực tế. Có thể sử dụng để kinh doanh quần áo trực tuyến, mở rộng thị trường, tăng doanh thu. Có thể sử dụng để xây dựng thương hiệu, tạo dựng mối quan hệ với khách hàng. Kết quả nghiên cứu cho thấy việc áp dụng các kiến thức về lập trình web vào việc xây dựng website bán hàng là khả thi và hiệu quả. Website được xây dựng có các chức năng cơ bản đáp ứng yêu cầu của một hệ thống thương mại điện tử. Tuy nhiên, cần tiếp tục cải tiến giao diện, UX, và các chức năng khác để tăng tính cạnh tranh. Các phân tích dữ liệu bán hàng giúp hiểu rõ hơn về hành vi của khách hàng, từ đó đưa ra các quyết định kinh doanh hiệu quả. Theo tài liệu gốc, nhóm đã phân tích các Action Method của Controller, cho thấy sự tương tác giữa View và Model để hiển thị và xử lý dữ liệu.

5.1. Triển Khai Website Bán Hàng Thực Tế và Đánh Giá Hiệu Quả

Sau khi hoàn thành quá trình phát triển, cần triển khai website bán hàng lên môi trường thực tế (hosting). Cần kiểm tra kỹ lưỡng các chức năng, đảm bảo hoạt động ổn định và không có lỗi. Đánh giá hiệu quả của website dựa trên các chỉ số như số lượng truy cập, tỷ lệ chuyển đổi, doanh thu, và sự hài lòng của khách hàng. Phân tích dữ liệu marketing online giúp đo lường hiệu quả của các chiến dịch quảng cáo và SEO.

5.2. Bài Học Kinh Nghiệm và Hướng Phát Triển Tiếp Theo

Quá trình xây dựng website bán quần áo mang lại nhiều bài học kinh nghiệm về lập trình web, thiết kế web, và quản lý dự án. Cần có kế hoạch rõ ràng, phân công công việc hợp lý, và phối hợp chặt chẽ giữa các thành viên. Cần liên tục học hỏi, cập nhật các công nghệ mới để nâng cao kỹ năng và tạo ra các sản phẩm chất lượng. Hướng phát triển tiếp theo có thể là tích hợp các tính năng nâng cao như gợi ý sản phẩm, đánh giá sản phẩm, chat trực tuyến, và cá nhân hóa trải nghiệm người dùng. Cần tập trung vào tối ưu hóa SEO và marketing online để tăng khả năng hiển thị và thu hút khách hàng.

VI. Kết Luận và Tầm Quan Trọng Báo Cáo Đề Tài Lập Trình Web

Báo cáo đề tài này đã trình bày quá trình xây dựng một website bán quần áo cơ bản, từ khâu thiết kế giao diện, phát triển chức năng đến triển khai và đánh giá hiệu quả. Đề tài này có ý nghĩa thực tiễn trong việc áp dụng các kiến thức về lập trình web vào việc xây dựng các hệ thống thương mại điện tử. Các kết quả nghiên cứu cho thấy việc xây dựng website bán hàng là hoàn toàn khả thi, tuy nhiên cần liên tục cải tiến để đáp ứng nhu cầu ngày càng cao của thị trường. Việc nắm vững các công nghệ lập trình web và kỹ năng SEO là yếu tố then chốt để thành công trong lĩnh vực thương mại điện tử. Dựa trên tài liệu gốc, nhóm đã phân tích chi tiết các Model, View, Controller, thể hiện sự hiểu biết sâu sắc về mô hình MVC trong lập trình web.

6.1. Tổng Kết Những Thành Công và Hạn Chế Của Đề Tài Báo Cáo

Đề tài đã đạt được những thành công nhất định trong việc xây dựng một website bán quần áo có các chức năng cơ bản. Giao diện được thiết kế tương đối thân thiện, dễ sử dụng. Các chức năng quản lý sản phẩm, giỏ hàng, thanh toán hoạt động ổn định. Tuy nhiên, đề tài vẫn còn một số hạn chế như giao diện chưa thực sự hấp dẫn, UX chưa được tối ưu hóa, và thiếu các tính năng nâng cao. Cần tiếp tục cải tiến và bổ sung các chức năng để nâng cao tính cạnh tranh của website.

6.2. Định Hướng Phát Triển và Nghiên Cứu Trong Tương Lai

Trong tương lai, có thể tập trung vào việc cải thiện giao diện và UX, tích hợp các tính năng nâng cao như gợi ý sản phẩm, đánh giá sản phẩm, chat trực tuyến, và cá nhân hóa trải nghiệm người dùng. Nghiên cứu và áp dụng các công nghệ mới như AI và Big Data để phân tích dữ liệu khách hàng và đưa ra các quyết định kinh doanh hiệu quả. Cần tập trung vào tối ưu hóa SEO và marketing online để tăng khả năng hiển thị và thu hút khách hàng. Việc xây dựng ứng dụng di động (mobile app) cũng là một hướng phát triển tiềm năng.

Trích đoạn nội dung tài liệu

BÁO CÁO ĐỀ TÁI Môn: Lập trình web Đề tài: Bán Quần Áo (Tham khảo website: vnclo.com ) Giáo viên: ThS. Bùi Thị Thanh Tú Mã số nhóm: 0601-G19 Tên thành viên Mã số sinh viên LÊ QUỐC CƯỜNG 22DH110457 MÃ THỊ THU HƯƠNG 22DH111456 TRẦN TUẤN KIỆT 22DH114604 BÁNG CHÁM ĐIỀM Mã số nhóm: 0601-G19 Tên thành viên Mã số sinh viên LÊ QUỐC CƯỜNG 22DH110457 MÃ THỊ THU HƯƠNG 22DH111456 TRẦN TUẤN KIỆT 22DH114604 CĐR Nội Diễn giải Thang LÊ QUỐC MÃ THỊ THU TRẦN dung điểm CƯỜNG HƯƠNG TUẤN KIỆT CLO 1+2+3 1. Giao diện chung Mức độ tương đồng so 2 với trang tham khảo Thiết kế responsive 1 2. Các thành phần MVC CRUD 1.5 Thống kê 1 Phân trang, Tìm kiếm 1 Khác (Pure UI, beautiful 0.

Đề tài có thể áp dụng thực tế Mức độ khó của DB 0.5 Mức độ khó của website 0. Báo cáo và trình bày Báo cáo Khả năng làm việc theo 1.5 nhóm, lập kế hoạch và viết báo cáo Năng lực giao tiếp và 0.5 trình bày giải pháp kỹ thuật Tổng 10 ĐÁNH GIÁ CONG VIỀC THÁNH VIỀN 1 FrontEnd Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực LÊ QUỐC CƯỜNG Cart, MasterLayout, 100% Chủ động Thanh toán, trang category, trang login, logout, signup, thông tin khách hàng, ProductDetails, Home MÃ THỊ THU HƯƠNG Home 50% Phải giao việc TRẦN TUẤN KIỆT Product Detail 70% Phải giao việc 2 Database Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực LÊ QUỐC CƯỜNG Toàn bộ database 100% Chủ động MÃ THỊ THU HƯƠNG Không có TRẦN TUẤN KIỆT Không có 3 Backend Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực LÊ QUỐC CƯỜNG Toàn bộ 100% Chủ động MÃ THỊ THU HƯƠNG Không có TRẦN TUẤN KIỆT Không có 4 Báo cáo Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực LÊ QUỐC CƯỜNG Báo cáo 100% Chủ động MÃ THỊ THU HƯƠNG Không có TRẦN TUẤN KIỆT Không có 3 4 Báo cáo đồ án lập trình web MỤC LỤC 2.2 Phần KHÁCH HÀNG .2 Trang DANH SÁCH SẢN PHẨM .3 Trang CHI TIẾT SẢN PHẨM .4 Trang GIỎ HÀNG .5 Trang THANH TOÁN .6 Trang XÁC NHẬN ĐƠN HÀNG.7 Trang LỊCH SỬ MUA HÀNG.8 ĐĂNG KÝ / ĐĂNG NHẬP .2 Quản lý DANH MỤC .4 Quản lý CHI TIẾT SẢN PHẨM .5 Quản lý MÀU SẮC .6 Quản lý HÌNH ẢNH .7 Quản lý TÀI KHOẢN KHÁCH HÀNG .2 Phần KHÁCH HÀNG .1 Trang MASTER LAYOUT .3 Trang DANH SÁCH SẢN PHẨM .4 Trang CHI TIẾT SẢN PHẨM .5 Trang GIỎ HÀNG .6 Trang THANH TOÁN. 23 i Báo cáo đồ án lập trình web 6.7 Trang XÁC NHẬN ĐƠN HÀNG.8 Trang LỊCH SỬ MUA HÀNG.9 ĐĂNG KÝ / ĐĂNG NHẬP. 36 ii Báo cáo đồ án lập trình web 8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL.

37 iii Báo cáo đồ án lập trình web NOI DỤNG BÁO CÁO 1 MÔ TẢ ĐỀ TÀI Thiết kế 1 trang web bán quần áo, bao gồm các chức năng cơ bản sau: 1. Quản lý người dùng: đăng ký, đăng nhập 3. Quản lý danh mục hàng hóa 4. Quản lý giỏ hàng 5.

Tìm kiếm Các chức năng tham khảo theo trang web: vnclo.com 2 CẤU TRÚC WEBSITE 2.1 Phần ADMIN Admin Danh mục Quản lí đơn Thư viện Chi tiết sản Mã khuyến Quản lí Sản phẩm Bảng Màu hàng hàng ảnh phẩm mãi khách hàng Thêm Xóa Thêm Thêm Thêm Thêm Thêm Thêm Sửa Chi tiết Sửa Sửa Xóa Xóa Sửa Sửa Xóa Sửa Xóa Xóa Sửa Sửa Xóa Xóa Chi tiết Chi tiết Chi tiết Chi tiết 2.2 Phần KHÁCH HÀNG 1 Báo cáo đồ án lập trình web Trang thanh toán Trang thanh toán Lịch sử đơn hàng Trang thông báo đặt hàng thành công Trang đăng nhập, đăng ký, tài khoản Trang Home của tôi Trang danh mục hàng Trang chi tiết sản phẩm 2 Báo cáo đồ án lập trình web 3 GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG 3.1 Trang HOME 3 Báo cáo đồ án lập trình web 4 Báo cáo đồ án lập trình web 5 Báo cáo đồ án lập trình web 3.2 Trang DANH SÁCH SẢN PHẨM 6 Báo cáo đồ án lập trình web 3.3 Trang CHI TIẾT SẢN PHẨM 7 Báo cáo đồ án lập trình web 8 Báo cáo đồ án lập trình web 3.4 Trang GIỎ HÀNG 9 Báo cáo đồ án lập trình web 10 Báo cáo đồ án lập trình web 3.5 Trang THANH TOÁN 11 Báo cáo đồ án lập trình web 3.6 Trang XÁC NHẬN ĐƠN HÀNG 3.7 Trang LỊCH SỬ MUA HÀNG 12 Báo cáo đồ án lập trình web 13 Báo cáo đồ án lập trình web 3.8 ĐĂNG KÝ / ĐĂNG NHẬP 14 Báo cáo đồ án lập trình web 4 SƠ ĐỒ CƠ SỞ DỮ LIỆU DỰA TRÊN VIỆC QUAN SÁT DATABASE TRÊN TRANG CHỦ, THÌ NHÓM ĐÃ RÚT RA ĐƯỢC CƠ SỞ DỮ LIỆU NHƯ SAU: 15 Báo cáo đồ án lập trình web 5 ENTITY DATA MODEL 16 Báo cáo đồ án lập trình web 6 PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG 6.1 Trang LAYOUT Logo Menu Categories Content Body Footer 6.2 Quản lý DANH MỤC Logo Menu Categories Thông tin các category Footer 6.3 Quản lý HÀNG HÓA Logo Menu Categories Thông tin các products Footer 6.4 Quản lý CHI TIẾT SẢN PHẨM Logo Menu Categories Thông tin các detail products Footer 6.5 Quản lý MÀU SẮC Logo Menu Categories Thông tin các màu sắc Footer 17 Báo cáo đồ án lập trình web 6.6 Quản lý HÌNH ẢNH Logo Menu Categories Thông tin các hình ảnh Footer 6.7 Quản lý TÀI KHOẢN KHÁCH HÀNG Logo Menu Categories Thông tin các tài khoản khách hàng Footer 6.8 Quản lý MÃ KHUYẾN MÃI Logo Menu Categories Thông tin các mã khuyến mãi Footer 6.9 Quản lý ĐƠN HÀNG Logo Menu Categories Thông tin các đơn đặt hàng Footer 6.2 Phần KHÁCH HÀNG 6.1 Trang MASTER LAYOUT 6.1 Phân tích layout Logo Menu Categories Login/ Signup/ Cart Content Body Footer 18 Báo cáo đồ án lập trình web 6.2 Phân tích chức năng View\Share Partial View Model _MasterLayout.cshtml CartItem _CategoriesPartialView.1 Phân tích layout Logo Menu Categories Login/ Logout/ Cart BANNER CATEGORIES SALE SỐC 60% (1) ( lấy từ bảng product details theo mức khuyến mãi bằng 60%) BANNER HÀNG VỪA CẬP BẾN (2) (lấy từ bảng product details theo số lượng bán nhiều nhất giảm dần) GỢI Ý CHO KHÁCH FEEDBACK TỪ KHÁCH HÀNG MEDIA CỦA SHOP Footer 6.2 Phân tích chức năng Các phần không đánh số, sẽ hiển thị dạng tĩnh trên trang Index. 19 Báo cáo đồ án lập trình web Các phần có đánh số sẽ được lấy từ Model lên, và sẽ được phân tích trong bảng dưới đây: Controller View Partial View Model Home Index.cshtml (1) Lấy từ bảng product details và lọc theo mức khuyến mãi bằng 60% MostSoldProductPtlView.cshtml (2) Lấy từ bảng product details theo số lượng bán nhiều nhất giảm dần 6.3 Trang DANH SÁCH SẢN PHẨM Logo Menu Categories Login/ Logout/ Cart VOUCHER LỌC SẢN PHẨM In tất cả sản phẩm có trong database (1) Footer Controller View Model ProductDetails ProductCategory.cshtml Lấy tất cả sản phẩm từ product details bỏ vào list và xuất lên màn hình 6.4 Trang CHI TIẾT SẢN PHẨM Logo Menu Categories Login/ Logout/ Cart 20 Báo cáo đồ án lập trình web Ảnh sản phẩm (1) Thông tin sản phẩm (2) Sản phẩm cùng phân khúc (3) Sản phẩm cùng loại (4) Footer Controller View Partial View Model ProductDetails CustomerDetails.cshtml (1) Lấy ảnh từ bảng gallery (2) Lấy thông tin chi tiết của sản phẩm từ bảng product details SamePriceProductPtlView.cshtml (3) Lấy từ bảng product details 5 sản phẩm có cùng giá tiền SameCateProductPtlView.cshtml (4) Lấy từ bảng product details 5 sản phẩm có cùng danh mục hàng 21 Báo cáo đồ án lập trình web 6.5 Trang GIỎ HÀNG Logo Menu Categories Login/ Logout/ Cart Thông báo ưu đãi Sản phẩm trong giỏ Form chuyển hướng hàng hiện tại thanh toán (1) (2) Ghi chú Có thể bạn sẽ thích (3) Footer Controller View Partial View Model Cart GetCartInfo.cshtml (1) Hiển thị thông tin sản phẩm hiện tại từ Model CartItem (2) CartItem MostSoldProductPtlView.cshtml (3) Lấy từ bảng product details theo số lượng 22 Báo cáo đồ án lập trình web bán nhiều nhất giảm dần 6.6 Trang THANH TOÁN Logo Menu Categories Login/ Signup/ Cart Form nhập thông tin đơn đặt hàng (1) Thông tin giỏ hàng hiện tại (2) Footer Controller View Partial View Model Cart ConfirmCart.cshtml (1) User ( Lấy thông tin user hiện tại gán cho giá trị input) Order_Details.7 Trang XÁC NHẬN ĐƠN HÀNG Logo Menu Categories Login/ Signup/ Cart 23 Báo cáo đồ án lập trình web Form thông báo đặt hàng thành công Thông tin giỏ hàng hiện tại (2) (1) Footer Controller View Partial View Model Cart ConfirmCart.cshtml (1) Order Order_Details.8 Trang LỊCH SỬ MUA HÀNG Logo Menu Categories Login/ Signup/ Cart Thông tin khách hàng (1) Chào khách hàng menu tiện tích Lịch sử đơn hàng đã đặt (2) Footer 24 Báo cáo đồ án lập trình web Controller View Model User MyUser.9 ĐĂNG KÝ / ĐĂNG NHẬP ĐĂNG KÝ Logo Menu Categories Login/ Logout/ Cart Hiển thị tên trang Form đăng ký (1) Đăng nhập bằng google hoặc facebook Footer Controller View Model User Signup.cshtml (1) User ( Lưu thông tin input vào database) ĐĂNG NHẬP Logo Menu Categories Login/ Logout/ Cart Hiển thị tên trang Form đăng nhập (1) Đăng nhập bằng google hoặc facebook Footer 25 Báo cáo đồ án lập trình web Controller View Model User Login.cshtml (1) User (Kiểm tra thông tin có trùng với database không) 7 TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG Action Create Edit Delete Index Detail Method / Model Category Admin Admin Admin Admin (all) Admin Customer (menu) Product Admin Admin Admin Admin (all) Admin (simple) Customer Customer (Product (Product Category, Home) Detail) Order Customer Admin (Các Admin (all) Admin (all) (đặt hàng) đơn hàng đã và Customer (lịch sử Customer (đơn xong) đặt hàng cá hàng cá nhân) Order nhân) Detail User User(đăng ký User(chỉnh sửa Admin Admin (all) tài khoản, thông tin cá User(thông tin thông tin nhân) tài khoản cá giao hàng) nhân) AdminUser Admin Admin Admin Admin Admin 8 MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MÔ HÌNH MVC 8.1 MODELS Cắt hình ảnh các lớp trong gói Models, và mô tả tóm tắt mục đích và các phương thức của từng Model 26 Báo cáo đồ án lập trình web Model Class Mục đích Gen từ DB Tự tạo thêm CartItem.cs Lưu trữ các thông tin liên quan tới giỏ hàng X Category.cs Lưu thông tin các chủng loại sản phẩm X AdminUser.cs Lưu thông tin tài khoản admin X Color.cs Lưu thông tin các loại màu X Gallery.cs Lưu thư viện ảnh sản phẩm X Order.cs Lưu thông tin đơn đặt hàng X Order_Details.cs Lưu thông tin chi tiết của từng đơn hàng X Product.cs Lưu thông tin các sản phẩm X ProductDetails.cs Lưu thông tin chi tiết cho từng sản phẩm X Size.cs Lưu thông tin các kích cỡ sản phẩm X User.cs Lưu thông tin tài khoản khách hàng X voucher.cs Lưu thông tin các mã khuyến mãi X 27 Báo cáo đồ án lập trình web 8.1 AdminUser Các file View View Partial View Mục đích Index.cshtml x Trang đăng nhập dành cho admin 8.2 Cart Các file View View Partial View Mục đích CartPartial.