XÂY DỰNG NỀN TẢNG SOCIAL SHOPPING TÍCH HỢP CÔNG NGHỆ TẠO MẪU THỬ TRANG PHỤC DỰA TRÊN ẢNH NGƯỜI DÙNG

Abstract

Trong bối cảnh thương mại điện tử phát triển mạnh mẽ, người tiêu dùng đòi hỏi trải nghiệm mua sắm tiện lợi, tương tác cao và gần với thực tế. Tuy nhiên, các nền tảng hiện tại vẫn thiếu yếu tố xã hội, khó hình dung trang phục trên cơ thể thật dẫn đến tỷ lệ trả hàng cao, đồng thời chưa tích hợp tốt hình thức mua sắm nhóm với mạng xã hội. Để khắc phục những vấn đề trên, luận văn thực hiện đề tài “Xây dựng nền tảng Social Shopping tích hợp công nghệ tạo mẫu thử trang phục dựa trên ảnh người dùng”. Đề tài tập trung xây dựng một nền tảng thương mại điện tử kết hợp hài hòa giữa mua sắm trực tuyến, tương tác xã hội thời gian thực và công nghệ trí tuệ nhân tạo hỗ trợ thử trang phục ảo. Hệ thống cho phép người dùng mua sắm cá nhân, tham gia mua chung theo nhóm, chia sẻ trải nghiệm và đặc biệt là thử trang phục trực tiếp trên ảnh cá nhân trước khi quyết định mua hàng. Về phương pháp thực hiện, hệ thống được phát triển theo mô hình toàn diện cả phía giao diện và phía máy chủ. Phần giao diện sử dụng Nuxt.js (Vue 3) kết hợp Pinia, Tailwind CSS và Socket.IO Client. Phía máy chủ được xây dựng bằng Node.js/Express.js, sử dụng Drizzle ORM với cơ sở dữ liệu PostgreSQL qua Supabase và tích hợp Socket.IO Server để xử lý giao tiếp thời gian thực. Dữ liệu đa phương tiện được lưu trữ bằng Supabase Storage. Hệ thống cũng tích hợp thanh toán qua PayPal. Đặc biệt, đề tài tích hợp mô hình trí tuệ nhân tạo CatVTON để hỗ trợ thử trang phục ảo, được triển khai trên nền tảng serverless GPU Modal và gọi API từ backend Node.js. Kết quả thực nghiệm cho thấy mô hình CatVTON hoạt động trên GPU A10G tạo ra hình ảnh thử đồ có chất lượng khá tốt và giữ được khuôn mặt cùng nền tự nhiên của người dùng. Về mặt hệ thống, nền tảng đã hoàn thiện các chức năng cốt lõi của một Social Shopping mang lại trải nghiệm mua sắm liền mạch, tương tác cao và trực quan hơn so với các nền tảng truyền thống. Đề tài đã góp phần đưa công nghệ trí tuệ nhân tạo gần hơn với ứng dụng thực tiễn trong lĩnh vực thương mại điện tử thời trang tại Việt Nam. Từ khóa: CatVTON, Group Buying, Nuxt.js, Social Shopping, Supabase, Socket.IO, Virtual Try-on. In the fast-growing e-commerce market, consumers seek convenient, interactive, and realistic shopping experiences. However, existing platforms lack social interaction, struggle with garment visualization on real bodies leading to high return rates, and do not well integrate group buying with social features. To address these issues, this thesis carries out the project titled “Development of a Social Shopping Platform Integrating AI-Based Virtual Garment Visualization from User Images”. The study focuses on building an e-commerce platform that harmoniously combines online shopping, real-time social interaction, and artificial intelligence-powered virtual try-on technology. The system enables users to shop individually, participate in group buying, share experiences, and especially try on garments virtually using their own photos before making a purchase. The system was developed using a comprehensive full-stack approach. The frontend was built with Nuxt.js (Vue 3), incorporating Pinia, Tailwind CSS, and Socket.IO Client. The backend was developed with Node.js and Express.js, using Drizzle ORM with PostgreSQL database via Supabase, and integrated Socket.IO Server for real-time communication. Multimedia data is stored using Supabase Storage. The platform also integrates PayPal for payment processing. Notably, the thesis incorporates the CatVTON artificial intelligence model to support virtual try-on, which is deployed on Modal’s serverless GPU infrastructure and called via API from the Node.js backend. Experimental results show that the CatVTON model runs stably on A10G GPU and produces try-on images with reasonably good quality while preserving the user’s face and natural background. On the system level, the platform has successfully implemented the core features of a Social Shopping system, delivering a seamless, highly interactive, and visually intuitive shopping experience compared to traditional platforms. This thesis contributes to bringing artificial intelligence closer to practical applications in the field of fashion e-commerce in Vietnam. Keywords: CatVTON, Group Buying, Nuxt.js, Social Shopping, Supabase, Socket.IO, Virtual Try-on