Đồ án website blog và các thông tin về xe hơi (text generation with gpt)

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN WEBSITE BLOG VÀ CÁC THÔNG TIN VỀ XE HƠI (TEXT GENERATION WITH GPT) Giáo viên hướng dẫn: Huỳnh Tuấn Anh Lớp: Đồ án – SE121.N21 - - TP Hồ Chí Minh, LỜI CẢM ƠN Đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM quý Thầy Cô khoa Công nghệ phần mềm tạo điều kiện để nhóm chúng em hồn thành đồ án – Chủ đề Text Generation with GPT Đặc biệt, nhóm chúng em xin gửi lời cảm ơn lòng biết ơn sâu sắc tới thầy Huỳnh Tuấn Anh giảng viên hướng dẫn Đã giúp nhóm chúng em hồn thành tốt báo cáo mơn học Trong thời gian học đề tài, nhóm chúng em vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Từ đó, nhóm chúng em vận dụng tối đa thu thập để hồn thành báo cáo đồ án tốt Tuy nhiên, trình thực hiện, nhóm chúng em khơng tránh khỏi thiếu sót Chính vậy, nhóm chúng em mong nhận góp ý từ phía Thầy Cơ nhằm hồn thiện kiến thức mà nhóm chúng em học tập hành trang để nhóm chúng em thực tiếp đề tài khác tương lai Nhóm em xin chân thành cảm ơn Thầy! MỤC LỤC LỜI CẢM ƠN MỤC LỤC TÓM TẮT ĐỒ ÁN CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Lý chọn đề tài Giải pháp Phạm vi nghiên cứu 10 Kết hướng tới 10 CHƯƠNG GPT 12 Giới thiệu GPT 12 Khái niệm công dụng GPT API 13 Cách thức hoạt động 13 Ưu điểm GPT API 14 Nhược điểm GPT API 15 CHƯƠNG XÂY DỰNG WEBSITE BLOG VÀ CÁC THÔNG TIN XE HƠI 16 Phân tích yêu cầu 16 1.1 Yêu cầu chức 16 1.2 Yêu cầu phi chức 17 Các công nghệ sử dụng 18 Phân tích thiết kế hệ thống 19 3.1 Sơ đồ Use case 19 3.1.1 Sơ đồ Use case hệ thống 20 3.1.2 Danh sách Actor 21 3.1.3 Danh sách Use case 22 3.2 Đặc tả Use case 23 3.2.1 Đăng nhập 23 3.2.2 Tìm kiếm 25 3.2.3 Xem tìm kiếm xe 25 3.2.3.1 Xem chi tiết xe 26 3.2.4 Xem tìm kiếm brand 27 3.2.4.1 Xem chi tiết brand 27 3.2.4.1.1 Sửa thông tin brand 28 3.2.4.1.2 Thêm series 28 3.2.4.1.3 Sửa series 29 3.2.4.1.4 Thêm xe 30 3.2.4.2 Thêm brand 30 3.2.4.2.1 Tóm tắt thơng tin brand GPT 31 3.2.5 Xem tìm kiếm blog 32 3.2.5.1 Thêm blog 32 3.2.5.1.1 Tóm tắt blog GPT 33 3.2.5.2 Xem thông tin chi tiết blog 34 3.2.5.2.1 Viết comment 34 3.3 Sơ đồ sở liệu 35 3.3.1 User 35 3.3.1.1 Users 35 3.3.1.2 Read_blogs 36 3.3.2 Car 37 3.3.2.1 Car_models 38 3.3.2.2 Car_series 39 3.3.2.3 Car_brands 39 3.3.2.4 Car_transmissions 40 3.3.2.5 fuel_types 40 3.3.3 Blog 41 3.3.3.1 Car_blogs 42 3.3.3.2 Blog_comments 42 3.3.3.3 Blog_tags 43 3.3.3.4 Blog_cars 43 3.3.3.5 Tags 43 Sơ đồ hoạt động flow hệ thống 43 4.1 Đăng nhập 44 4.2 Đăng xuất 45 4.3 Text generate (Tạo văn tự động) 45 4.4 Tìm kiếm 46 4.5 Authenication 47 4.6 Tạo response request 48 Kiến trúc hệ thống 49 Giao diện hệ thống 51 6.1 Đăng nhập 51 6.2 Đăng ký 53 6.3 Thêm hãng xe 55 6.4 Sửa chi tiết xe 57 6.5 Navigation bar 58 6.6 Profile menu 60 6.7 Thêm, sửa dòng xe 62 6.8 Tìm kiếm chung 63 6.9 Trang bắt đầu 64 6.10 Trang đọc blog phần recommendation 65 6.11 Trang đọc blog, tóm tắt bình luận 66 6.12 Trang đọc blog 67 6.13 Trang viết, chỉnh sửa blog tóm tắt GPT 68 6.14 Trang viết, chỉnh sửa blog 69 6.15 Trang xem chi tiết xe 70 6.16 Trang xem thông tin hãng xe 72 6.17 Trang xe tìm kiếm hãng xe 74 6.18 Trang xem tìm kiếm danh sách blog 76 6.19 Trang xem tìm kiếm danh sách xe 77 Kiểm thử ứng dụng 79 CHƯƠNG KẾT LUẬN 80 Kết 80 Hạn chế 80 Hướng phát triển 80 CHƯƠNG BẢNG TỰ ĐÁNH GIÁ 82 TÀI LIỆU THAM KHẢO 83 TÓM TẮT ĐỒ ÁN Đồ án “Text Generation with GPT” tập trung vào việc tìm hiểu cơng nghệ, tin GPT Từ xây dựng Website blog thông tin xe Đề tài tập trung vào lĩnh vực xe, cụ thể thông tin hãng xe, thông số xe blog có liên quan đến Hỗ trợ người dùng đọc thơng tin tìm kiếm loại xe ưng ý cách nhanh chống đầy đủ thông tin Đề tài áp dụng kiến trúc Microservices cho Backend NextJS cho Frontend với khả mở rộng nâng cấp cao Đề việc tìm hiểu thực trạng, đưa vấn đề tồn đọng cần cải thiện Xác định phạm vi toán mục tiêu đề tài đặt Từ đưa chức cần thiết ứng dụng Ngoài việc xử lý u cầu nghiệp vụ, nhóm em tìm hiểu sử dụng công nghệ để phù hợp giúp trải nghiệm người dùng tốt hơn, tốn chi phí bảo trì hệ thống dễ dàng Vì ứng dụng yêu cầu cần cập nhật, thay đổi thường xuyên đảm bảo xảy lỗi nên quy tình phát triển sản phẩm vận dụng mơ hình Agile làm phương pháp luận cho quy trình phần mềm Kết giai đoạn tìm hiểu phân tích mơ hình hóa UML thơng qua cơng cụ StarUML Ở giai đoạn thực hiện, chương trình cập nhật Github để dễ dàng tổng hợp kiểm sốt lỗi Phần cuối đồ án trình bày kết thực lên báo cáo, đưa kết luận hướng phát triển ứng dụng tương lai Nội dung đồ án trình bày chương sau: - Chương 1: Giới thiệu tổng quan đề tài (Xác định mục tiêu, nội dung nghiên cứu phạm vi đề tài) - Chương 2: GPT (Giới thiệu GPT API, cách thức hoạt động, ưu điểm GPT) - Chương 3: Xây dựng ứng dụng minh họa sử dụng GPT “Website blog thông tin xe” o Giới thiệu ứng dụng ▪ Phân tích u cầu ▪ Cơng nghệ sử dụng o Phân tích hệ thống: Sử dụng mơ tả sơ đồ để mơ hình hóa tốn o Thiết kế ▪ Thiết kế sỡ liệu cho ứng dụng ▪ Thiết kế giao diện o Kiểm thử triển khai ứng dụng - Chương 4: Kết luận (Những kết đặt được, hạn chế hướng phát triển tương lai) CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Lý chọn đề tài - Xe phương tiện giao thông phổ biến quan trọng đời sống đại, đóng vai trị quan trọng việc di chuyển kết nối địa điểm khác Việc tìm hiểu chia sẻ thông tin hãng xe, loại xe hơi, xu hướng công nghệ ngành công nghiệp xe giúp cho người đọc có nhìn tổng quan cập nhật thơng tin lĩnh vực - Bên cạnh đó, việc lựa chọn đề tài cịn giúp cho khai thác tối đa tiềm blog công cụ truyền thông tiếp cận khách hàng Bằng cách cung cấp thông tin hữu ích chất lượng hãng xe, loại xe hơi, blog thu hút lượng lớn người đọc quan tâm tạo tương tác tích cực với khách hàng Điều giúp cho tăng khả tiếp cận tương tác với khách hàng, đồng thời củng cố vị thị trường mạng - Ngày này, thời đại 4.0 thông tin mạng ngày nhiều, có nhiều thơng tin sai lệch không với yêu cầu người dùng Việc tìm hiểu chia sẻ thơng tin xe giúp thực vai trò giáo dục tư vấn cho độc giả, giúp họ đưa định thơng minh hiệu mua xe Đây yếu tố quan trọng giúp cho blog trở thành nguồn thông tin tin cậy khách hàng đánh giá cao, tiết kiệm thời gian cho người tìm kiếm thơng tin Giải pháp - Tạo trang web có nội dung chất lượng, admin cần tìm hiểu rõ thơng tin liên quan đến xe để đưa thơng tin xác Sau đó, 6.14 Trang viết, chỉnh sửa blog Hình 3.6.19 Màn hình trang viết, chỉnh sửa blog 69 6.15 Trang xem chi tiết xe Hình 3.6.20 Màn hình trang xem chi tiết xe web 70 Hình 3.6.21 Màn hình trang xem chi tiết xe mobile 71 6.16 Trang xem thơng tin hãng xe Hình 3.6.22 Màn hình trang xem thơng tin hãng xe web 72 Hình 3.6.23 Màn hình trang xem thơng tin hãng xe mobile 73 6.17 Trang xe tìm kiếm hãng xe Hình 3.6.24 Màn hình trang xem tìm kiếm hãng xe web 74 Hình 3.6.25 Màn hình trang xem tìm kiếm hãng xe mobile 75 6.18 Trang xem tìm kiếm danh sách blog Hình 3.6.26 Màn hình trang xem tìm kiếm danh sách blog 76 6.19 Trang xem tìm kiếm danh sách xe Hình 3.6.27 Màn hình trang xem tìm kiếm danh sách xe web 77 Hình 3.6.28 Màn hình trang xem tìm kiếm danh sách xe mobile 78 Kiểm thử ứng dụng - Hệ thống kiểm thử qua giai đoạn: o Unit test: Kiểm thử function, procedure nhỏ code o Intergration test: Kiểm tra giao diện kết hợp function nhỏ lại với nhau, xem chúng hoạt động có với yêu cầu hay không o System test: Kiểm tra lại toàn hệ thống phương pháp Blackbox để test hệ thống sau hoàn thành o Acceptant test: Kiểm tra với lượng người dùng khác để xem sản phẩm có chấp nhận khơng - Sau kiểm tra giai đoạn khơng có lỗi xảy Hệ thống hoạt động yêu cầu đề 79 CHƯƠNG KẾT LUẬN Kết - Nhóm em áp dùng thành cơng kiến thức học, nghiên cứu vào việc xây dựng Website Sản phẩm cung cấp tín hữu dụng cho người dùng, giúp người có thêm hiểu biết loại xe, tham khảo trước bỏ tiền để mua xe cho mình, tránh việc bỏ số tiền mà khơng xứng đáng - Về mặt kiến thức, nhóm học áp dụng kiến thức để xây dựng Website hoàn thiện tối ưu giúp tăng trải nghiệm người dùng Các kiến thức em có trình bày phần “Giới thiệu chung Website” cho Thầy Cơ lập trình viên khác tham khảo, vận dụng cho nhóm em ý kiến để hoàn thiện đồ án tốt Hạn chế - Do thời gian nguồn lực hạn chế nên chức Website hạn chế cần bổ sung phát triển tốt tương lai Hướng phát triển - Nhóm đề hướng phát triển để đồ án tốt hồn thiện sau: o Hỗ trợ đa ngơn ngữ để sử dụng cho nhiều quốc gia o Cần thêm machine learning vào hệ thống recommendation có kết nhanh xác o Tăng tốc độ, giảm tài nguyên cho hệ thống việc áp dụng kỹ thuật caching, load balancing 80 o Giao diện cần cải thiện thêm để hài hòa, tạo dễ chịu cho người dùng o Sử dụng richtext editor cho việc viết blog để tăng cường trải nghiệm người dùng o Xây dựng thêm service khác để lưu loại liệu khác VD tạo service để lưu nội dung blog 81 CHƯƠNG BẢNG TỰ ĐÁNH GIÁ STT Họ tên Võ Văn Đăng Khoa Lê Đồn Đại Lợi Vai trị Nhiệm vụ Đánh giá • Báo cáo: Chương 2, Thành viên • App Demo: Front end 9/10 Website • Báo cáo: Chương 1, Nhóm trưởng • App Demo: Back end Website 82 9/10 TÀI LIỆU THAM KHẢO [1] GPT [https://platform.openai.com/docs/introduction/overview] [2] React [https://legacy.reactjs.org/docs/getting-started.html] [3] NextJS [https://nextjs.org/docs] [4] Microservices [https://microservices.io/] [5] GRPC [https://grpc.io/] 83