Đồ Án Tốt Nghiệp: Xây Dựng Trang Web Trao Đổi Mặt Hàng Thời Trang

Tài liệu nghiên cứu Đề tài xây dựng trang web trao đổi mặt hàng thời trang, tổng hợp lý thuyết và thực hành, cung cấp kiến thức chuyên sâu về kỹ thuật.

Chuyên ngành

Công nghệ thông tin

Người đăng

Ẩn danh

Thể loại

Đồ án tốt nghiệp

2023

83
2
0

Phí lưu trữ

30 Point

Mục lục chi tiết

LỜI CẢM ƠN

DANH MỤC BẢNG BIỂU

DANH MỤC HÌNH VẼ

DANH MỤC CÁC TỪ VÀ THUẬT NGỮ VIẾT TẮT

MỞ ĐẦU

1. CHƯƠNG 1: GIỚI THIỆU CHUNG

1.1. Mục tiêu và ý nghĩa của đồ án

1.2. Khảo sát các hệ thống tương tự

1.2.1. Bunz trade zone

1.2.2. Các hội nhóm trên Facebook

1.3. Xác định yêu cầu của hệ thống

1.4. Kết luận chương

2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1. Giới thiệu React

2.2. Giới thiệu Spring Boot

2.3. Giới thiệu cơ sở dữ liệu MySQL

2.4. Giới thiệu về YOLO

2.4.1. Bài toán nhận diện đối tượng

2.4.2. Các mô hình có thể áp dụng cho bài toán

2.5. Các công cụ cần dùng

2.6. Kết luận chương

3. CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ

3.1. Xác định chức năng

3.1.1. Use case tổng quan

3.1.2. Use case Đăng nhập

3.1.3. Use case Xem chi tiết bài đăng

3.1.4. Use case Quản lý bài đăng

3.1.5. Use case Chat

3.1.6. Use case Yêu cầu trao đổi

3.1.7. Use case Xử lý yêu cầu trao đổi

3.1.8. Use case Xem lịch sử trao đổi

3.1.9. Use case Xem lịch hẹn

3.1.10. Use case Kiểm duyệt

3.2. Xây dựng kịch bản cho các chức năng

3.2.1. Kịch bản chính cho Use case Đăng nhập

3.2.2. Kịch bản chính cho Use case Xem chi tiết bài đăng

3.2.3. Kịch bản chính cho Use case Quản lý bài đăng - Tạo bài đăng

3.2.4. Kịch bản chính cho Use case Chat

3.2.5. Kịch bản chính cho Use case Yêu cầu trao đổi

3.2.6. Kịch bản chính cho Use case Xử lý yêu cầu trao đổi - Xác nhận

3.2.7. Kịch bản chính cho Use case Xem lịch sử trao đổi

3.2.8. Kịch bản chính cho Use case Xem lịch hẹn

3.2.9. Kịch bản chính cho Use case Kiểm duyệt bài đăng thủ công

3.2.10. Kịch bản chính cho Use case Kiểm duyệt bài đăng tự động

3.3. Biểu đồ lớp phân tích

3.4. Thiết kế biểu đồ tuần tự

3.4.1. Xem chi tiết bài đăng

3.4.2. Quản lý bài đăng - Tạo bài đăng

3.4.3. Tạo yêu cầu trao đổi

3.4.4. Xử lý yêu cầu trao đổi - Xác nhận

3.4.5. Xem lịch sử trao đổi

3.4.6. Xem lịch hẹn

3.4.7. Kiểm duyệt bài thủ công

3.4.8. Kiểm duyệt bài tự động

3.5. Thiết kế cơ sở dữ liệu

3.5.1. Các thông tin cần quản lý

3.5.2. Đề xuất các lớp thực thể thành các bảng trong cơ sở dữ liệu

3.5.3. Quan hệ giữa các bảng

3.6. Chức năng kiểm duyệt tự động

3.6.1. Huấn luyện mô hình

3.6.2. Đánh giá mô hình

3.7. Kết luận chương

4. CHƯƠNG 4: TRIỂN KHAI VÀ THỬ NGHIỆM

4.1. Cài đặt ứng dụng Spring Boot

4.2. Cài đặt ứng dụng ReactJS

4.3. Cài đặt ứng dụng Flask

TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Xây Dựng Trang Web Trao Đổi Mặt Hàng Thời Trang

Xây dựng một trang web trao đổi mặt hàng thời trang không chỉ là một ý tưởng sáng tạo mà còn là một giải pháp thiết thực cho vấn đề lãng phí tài nguyên. Trong bối cảnh xã hội hiện đại, việc tái sử dụng và trao đổi đồ cũ đang trở thành xu hướng. Trang web này sẽ tạo ra một nền tảng kết nối giữa những người có nhu cầu trao đổi mặt hàng thời trang đã qua sử dụng, từ đó giảm thiểu ô nhiễm môi trường và tạo ra một cộng đồng bền vững.

1.1. Lợi Ích Của Việc Trao Đổi Mặt Hàng Thời Trang

Việc trao đổi mặt hàng thời trang không chỉ giúp tiết kiệm chi phí mà còn góp phần bảo vệ môi trường. Người dùng có thể tìm thấy những món đồ độc đáo mà không cần phải mua mới, từ đó giảm thiểu lượng rác thải từ quần áo cũ.

1.2. Tầm Quan Trọng Của Nền Tảng Web

Nền tảng web giúp kết nối người dùng một cách dễ dàng và thuận tiện. Nó cung cấp một không gian an toàn để người dùng có thể giao dịch, chia sẻ và tương tác với nhau.

II. Vấn Đề Và Thách Thức Trong Việc Xây Dựng Trang Web Trao Đổi

Mặc dù việc xây dựng trang web trao đổi mặt hàng thời trang mang lại nhiều lợi ích, nhưng cũng tồn tại không ít thách thức. Các vấn đề như kiểm soát chất lượng sản phẩm, bảo mật thông tin người dùng và tạo dựng niềm tin trong cộng đồng là những yếu tố cần được chú trọng.

2.1. Kiểm Soát Chất Lượng Sản Phẩm

Đảm bảo chất lượng sản phẩm là một trong những thách thức lớn nhất. Cần có các biện pháp kiểm duyệt để đảm bảo rằng các mặt hàng được trao đổi đều đạt tiêu chuẩn nhất định.

2.2. Bảo Mật Thông Tin Người Dùng

Bảo mật thông tin cá nhân của người dùng là rất quan trọng. Cần có các biện pháp bảo vệ dữ liệu để người dùng yên tâm khi tham gia vào nền tảng.

III. Phương Pháp Xây Dựng Trang Web Trao Đổi Mặt Hàng Thời Trang

Để xây dựng một trang web trao đổi mặt hàng thời trang hiệu quả, cần áp dụng các phương pháp và công nghệ hiện đại. Việc lựa chọn công nghệ phù hợp sẽ giúp tối ưu hóa trải nghiệm người dùng và tăng cường hiệu suất của trang web.

3.1. Sử Dụng Công Nghệ Web Hiện Đại

Công nghệ như ReactJS và Spring Boot có thể được sử dụng để phát triển giao diện người dùng và xử lý backend. Điều này giúp tạo ra một trang web mượt mà và dễ sử dụng.

3.2. Tích Hợp Các Tính Năng Hữu Ích

Các tính năng như chat trực tuyến, quản lý kho hàng và hệ thống đánh giá sẽ giúp người dùng có trải nghiệm tốt hơn khi tham gia vào nền tảng.

IV. Ứng Dụng Thực Tiễn Của Trang Web Trao Đổi Mặt Hàng Thời Trang

Trang web trao đổi mặt hàng thời trang không chỉ là một nền tảng giao dịch mà còn là một cộng đồng. Người dùng có thể kết nối, chia sẻ và học hỏi từ nhau, từ đó tạo ra một môi trường tích cực và sáng tạo.

4.1. Tạo Dựng Cộng Đồng Người Dùng

Việc xây dựng một cộng đồng người dùng sôi động sẽ giúp tăng cường sự tương tác và gắn kết giữa các thành viên. Các hoạt động như sự kiện offline có thể được tổ chức để kết nối mọi người.

4.2. Đánh Giá Kết Quả Sử Dụng

Theo dõi và đánh giá kết quả sử dụng của người dùng sẽ giúp cải thiện dịch vụ và nâng cao trải nghiệm người dùng. Các chỉ số như tỷ lệ trao đổi thành công và mức độ hài lòng của người dùng cần được ghi nhận.

V. Kết Luận Và Tương Lai Của Trang Web Trao Đổi Mặt Hàng Thời Trang

Xây dựng trang web trao đổi mặt hàng thời trang là một bước đi quan trọng trong việc thúc đẩy ý thức bảo vệ môi trường và phát triển bền vững. Tương lai của nền tảng này sẽ phụ thuộc vào khả năng thích ứng và cải tiến liên tục để đáp ứng nhu cầu của người dùng.

5.1. Tương Lai Của Nền Tảng

Nền tảng có thể mở rộng ra nhiều lĩnh vực khác nhau, không chỉ giới hạn trong mặt hàng thời trang. Việc đa dạng hóa sản phẩm sẽ thu hút nhiều người dùng hơn.

5.2. Khuyến Khích Sự Tham Gia Của Người Dùng

Cần có các chương trình khuyến mãi và ưu đãi để khuyến khích người dùng tham gia và sử dụng nền tảng thường xuyên hơn.

10/07/2025
Đề tài xây dựng trang web trao đổi mặt hàng thời trang

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

Chương 1. Giới thiệu React Hình 2.3: Logo của ReacJS React (còn được gọi là ReactJS) là một Thư viện javascript được tạo ra bởi sự cộng tác giữa Facebook và Instagram. Nó cho phép những nhà phát triển web tạo ra giao diện người dùng nhanh chóng. Phần Views của Reactjs thường được hiển thị bằng việc chủ yếu dung các component mà chứa các component cụ thể hoặc các thẻ HTML.

Một trong những đặc trưng duy nhất của Reactjs là việc render dữ liệu không những có thể thực hiện ở tầng server mà còn ở tầng client. Nó cũng sử dụng khái niệm là Virtual DOM (DOM ảo). Virtual DOM tạo ra bản cache cấu trúc dữ liệu của ứng dụng trên bộ nhớ. Sau đó, ở mỗi vòng lặp, nó liệt kê những thay đổi và sau đó là cập nhật lại sự thay đổi trên DOM của trình duyệt một cách hiệu quả.

Điều này cho phép ta viết các đoạn code như thể toàn bộ trang được render lại dù thực tế là Reactjs chỉ render những component hay subcomponent nào thực sự thay đổi. NGUYỄN VĂN HÙNG – B19DCCN301 8 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT Ưu điểm của ReactJS: ● Reactjs có hiệu quả tốt: Reactjs tạo ra cho chính nó Vitual DOM – nơi mà các component thực sự tồn tại trên đó. Điều này sẽ giúp cải thiện hiệu suất rất nhiều. Reactjs cũng tính toán những thay đổi nào cần cập nhật lên DOM và chỉ thực hiện chúng.

Điều này giúp Reactjs tránh những thao tác cần trên DOM mà nhiều chi phí. ● Reactjs giúp việc viết các đoạn code JS dễ dàng hơn: Nó dùng cú pháp đặc biệt là JSX (Javascript mở rộng) cho phép ta trộn giữa code HTML và Javascript. Ta có thể thêm vào các đoạn HTML vào trong hàm render mà không cần phải nối chuỗi. Đây là đặc tính thú vị của Reactjs.

Nó sẽ chuyển đổi các đoạn HTML thành các hàm khởi tạo đối tượng HTML bằng bộ biến đổi JSX. ● Hiệu năng cao đối với các ứng dụng có dữ liệu thay đổi liên tục, dễ dàng cho bảo trì và sửa lỗi. NGUYỄN VĂN HÙNG – B19DCCN301 9 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2. Giới thiệu Spring Boot Hình 2.4: Logo của Spring Boot Spring Boot là một trong số các module của spring framework chuyển cung cấp các tính năng RAD(Rapid Application Development) cho phép tạo ra và phát triển các ứng dụng độc lập dựa trên spring một cách nhanh chóng.

Spring Boot ra đời với mục đích loại bỏ những cấu hình phức tạp của Spring, nó không yêu cầu cấu hình XML và nâng cao năng suất cho các nhà phát triển. Với sự góp mặt của Spring Boot, hệ sinh thái Spring đã trở nên mạnh mẽ, phổ biến và hiệu quả hơn bao giờ hết. Ưu điểm của Spring Boot: Spring Boot được thiết kế để giúp các kỹ sư phần mềm đẩy nhanh quá trình phát triển, cho phép họ loại bỏ việc thiết lập và cấu hình ban đầu tốn thời gian của môi trường triển khai. Các lợi ích chính của Spring Boot bao gồm: ● Phát triển các ứng dụng dựa trên Spring một cách tiết kiệm thời gian và dễ dàng.

● Tự động cấu hình tất cả các components cho một ứng dụng Spring cấp sản xuất. NGUYỄN VĂN HÙNG – B19DCCN301 10 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ● Các máy chủ nhúng được tạo sẵn (Tomcat, Jetty và Undertow), dẫn đến việc triển khai ứng dụng được tăng tốc và hiệu quả hơn. ● Điểm cuối HTTP, cho phép nhập các tính năng bên trong ứng dụng như chỉ số, tình trạng sức khỏe, v. ● Nhiều lựa chọn bổ sung, hỗ trợ nhà phát triển làm việc với cơ sở dữ liệu được nhúng và trong bộ nhớ.

● Dễ dàng truy cập cơ sở dữ liệu và các dịch vụ hàng đợi như MySQL, Oracle, MongoDB, Redis, ActiveMQ và các dịch vụ khác. ● Tích hợp trơn tru với hệ sinh thái Spring. ● Cộng đồng lớn và rất nhiều hướng dẫn, tạo điều kiện cho giai đoạn làm quen. NGUYỄN VĂN HÙNG – B19DCCN301 11 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.

Giới thiệu cơ sở dữ liệu MySQL Hình 2.5: Logo của MySQL MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet. Người dùng có thể tải về MySQL miễn phí từ trang chủ.

MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,. Ưu điểm của MySQL: ● MySQL là một cơ sở dữ liệu đa nền tảng tốc độ cao, ổn định, dễ sử dụng, cung cấp một tập hợp lớn các chức năng tiện ích rất mạnh mẽ. ● Do MySQL có nhiều tính năng bảo mật, tất cả đều mức cao nên nó rất lý tưởng cho các ứng dụng truy cập cơ sở dữ liệu trên Internet. ● Bất kỳ ai học MySQL cơ bản đều biết MySQL hỗ trợ nhiều hàm SQL được mong đợi của một hệ quản trị cơ sở dữ liệu quan hệ, cả trực tiếp và gián tiếp.

NGUYỄN VĂN HÙNG – B19DCCN301 12 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ● MySQL có thể xử lý một lượng lớn dữ liệu và nếu cần và nó có thể mở rộng nhanh chóng. ● Việc áp dụng một số tiêu chuẩn cho phép MySQL hoạt động rất hiệu quả và tiết kiệm chi phí, tăng tốc độ thực thi. Giới thiệu về YOLO 2. Bài toán nhận diện đối tượng Theo yêu cầu đặt ra cho hệ thống, chúng ta cần có một module giúp bài đăng đăng lên được kiểm duyệt một cách tự động.

Do giới hạn về thời gian và tài nguyên, trong đồ án này sẽ tập trung vào việc kiểm duyệt thông qua các ảnh của bài đăng với ý tưởng như sau: Khi bài đăng được tạo bởi người dùng, danh sách ảnh của bài đăng sẽ được gửi cho một hệ thống dự đoán, hệ thống này trả về kết quả cho hệ thống chính và từ đó hệ thống chính quyết định sẽ kiểm duyệt, khóa hay chuyển cho Quản lý trang web kiểm duyệt thủ công. Cụ thể chúng ta sẽ kiểm duyệt qua ảnh như thế nào? Chúng ta cần nhận biết bức ảnh đó có “thỏa mãn” yêu cầu của chúng ta không. Yêu cầu được đặt ra ở đây là “Bức ảnh đó có liên quan đến quần áo không?”. Từ đó ta cần nhận diện được liệu trong bức ảnh đó có chụp đối tượng là quần áo không.

Với luồng tư duy đó, chúng ta cần có kiến thức về bài toán Phát hiện đối tượng (Object detection) trong Thị giác máy tính. Phát hiện đối tượng là một bài toán phổ biến trong thị giác máy tính. Nó liên quan đến việc khoanh một vùng quan tâm trong ảnh và phân loại vùng này tương tự như phân loại hình ảnh. Tuy nhiên, một hình ảnh có thể bao gồm một số vùng quan tâm trỏ đến các đối tượng khác nhau.

Điều này làm cho việc phát hiện đối tượng trở thành một vấn đề nâng cao hơn của phân loại hình ảnh. Các mô hình có thể áp dụng cho bài toán a. Faster RCNN Giới thiệu Faster RCNN là một trong các phương pháp phát hiện đối tượng sử dụng mạng Deep learning đạt độ chính xác cao trên các tập dữ liệu chuẩn như COCO. Faster RCNN được cải tiến dựa trên 2 phương pháp trước đó là RCNN và Fast RCNN.

Trong Faster RCNN, tác giả đề xuất sử dụng mạng các vùng đề xuất RPN (Region Proposal Network) để tạo ra các vùng đề xuất. Sau khi có được các đặc trưng từ các lớp tích chập (convolutional) đầu tiên, mạng RPN sử dụng cửa sổ trượt trên bản đồ đặc trưng (feature map) để rút trích đặc trưng cho mỗi vùng đề xuất. RPN được xem như là một NGUYỄN VĂN HÙNG – B19DCCN301 13 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT mạng liên kết đầy đủ cùng lúc thực hiện 2 nhiệm vụ đó là dự đoán tọa độ cho các đối tượng và độ tin cậy cho đối tượng đó (objectness score). So với các phương pháp trước đó Faster RCNN đạt kết quả cao hơn và có thời gian xử lý nhanh hơn, tuy nhiên tốc độ vẫn vẫn chưa thể đáp ứng xử lý theo thời gian thực.

Mô hình Faster RCNN có thể được mô phỏng như hình sau: Hình 2.6: Kiến trúc Faster RCNN [1] b. SSD (Single Shot Detector) Giới thiệu Trong SSD, tại mỗi vị trí trên feature map, SSD đặt các default bounding boxes với kích thước, tỷ lệ khác nhau. Trong quá trình xử lý, SSD sẽ đánh giá và tìm đối tượng trên các bounding box này nhằm tìm ra box phù hợp nhất với đối tượng cần tìm kiếm. Thêm vào đó, bằng việc tìm kiếm trên các feature map khác nhau, SSD có thể tìm kiếm các đối tượng với kích thước khác nhau mà không cần thay đổi kích thước của các bounding box.

Thực nghiệm cho thấy, SSD đạt 74.3% mAP trên tập test của VOC2007, đạt 59 FPS khi sử dụng Nvidia Titan X với kích thước ảnh đầu vào 512 x 512, nhanh hơn Faster R-CNN. NGUYỄN VĂN HÙNG – B19DCCN301 14 ĐỒ ÁN TỐT NGHIỆP CHƯƠNG 2: CƠ SỞ LÝ THUYẾT Hướng tiếp cận Ý tưởng chính của SSD đến từ việc sử dụng các bounding box, bằng việc khởi tạo sẵn các box tại mỗi vị trí trên ảnh, SSD sẽ tính toán và đánh giá thông tin tại mỗi vị trí xem vị trí đó có vật thể hay không, nếu có thì là vật thể nào, và dựa trên kết quả của các vị trí gần nhau, SSD sẽ tính toán được một box phù hợp nhất bao trọn vật thể. Ngoài ra, bằng việc tính toán bounding box trên các feature map khác nhau, tại mỗi tầng feature map, một box sẽ ôm trọn một phần hình ảnh với các kích thước khác nhau. Như trên ví dụ trên, con mèo và con chó có thể được phát hiện ở 2 tầng feature map khác nhau, 2 kích thước và tỉ lệ khác nhau.

Thay vì sử dụng 1 box và thay đổi kích thước box cho phù hợp với vật thể, thì SSD sử dụng nhiều box trên nhiều tầng, từ đó tổng hợp ra vị trí và kích thước box kết quả. Bằng việc loại trừ các region proposal, SDD có thể đạt được tốc độ xử lý cao hơn Faster R-CNN. YOLO (You look only once) YOLO được xem là phương pháp đầu tiên xử lý dữ liệu theo thời gian thực và vẫn đạt được độ chính xác cao.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ

Tài liệu "Xây Dựng Trang Web Trao Đổi Mặt Hàng Thời Trang" cung cấp cái nhìn tổng quan về quy trình và các yếu tố cần thiết để phát triển một trang web hiệu quả cho việc trao đổi mặt hàng thời trang. Nó nhấn mạnh tầm quan trọng của việc thiết kế giao diện người dùng thân thiện, tối ưu hóa SEO để thu hút lưu lượng truy cập, và các phương pháp thanh toán an toàn để tạo sự tin tưởng cho người dùng. Độc giả sẽ tìm thấy những lợi ích thiết thực từ việc áp dụng các chiến lược này, giúp nâng cao trải nghiệm người dùng và tăng cường khả năng cạnh tranh trên thị trường.

Để mở rộng thêm kiến thức về thiết kế hệ thống và quản lý, bạn có thể tham khảo tài liệu Tiểu luận đồ án môn học phân tích và thiết kế hướng đối tượng quản lý bán hàng cho chuỗi cửa hàng tiện lợi ministop, nơi cung cấp cái nhìn sâu sắc về quản lý bán hàng. Ngoài ra, tài liệu Tiểu luận báo cáo bài tập lớn môn học phân tích thiết kế hệ thống thông tin chi tiết hệ thống và mô tả bằng biểu đồ sử dụng uml sẽ giúp bạn hiểu rõ hơn về việc sử dụng UML trong thiết kế hệ thống. Cuối cùng, tài liệu Tiểu luận báo cáo tài liệu srs dự án website quảng bá du lịch môn phân tích quản lý yêu cầu cũng là một nguồn tài liệu quý giá cho những ai quan tâm đến việc phát triển website trong lĩnh vực du lịch. Những tài liệu này sẽ giúp bạn mở rộng kiến thức và áp dụng vào thực tiễn một cách hiệu quả hơn.