Thiết kế ứng dụng home thuộc hệ thống giải trí trên xe ô tô

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ KỸ THUẬT Ô TÔ THIẾT KẾ ỨNG DỤNG HOME THUỘC HỆ THỐNG GIẢI TRÍ TRÊN XE Ơ TƠ GVHD: ThS VŨ ĐÌNH HUẤN SVTH: TRƯƠNG NAM KHÁNH HỒ HỒNG TỒN SKL010752 Tp Hồ Chí Minh, tháng 7/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP THIẾT KẾ ỨNG DỤNG HOME THUỘC HỆ THỐNG GIẢI TRÍ TRÊN XE Ơ TƠ SVTH : TRƯƠNG NAM KHÁNH MSSV: 19145043 SVTH: HỒ HOÀNG TOÀN MSSV: 19145055 Khóa : K19 Ngành : CƠNG NGHỆ KỸ THUẬT Ô TÔ GVHD : TH.S VŨ ĐÌNH HUẤN Tp Hồ Chí Minh, tháng 07 năm 2023 CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* Tp Hồ Chí Minh, ngày tháng 07 năm 2023 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Trương Nam Khánh Hồ Hoàng Toàn MSSV: 19145043 MSSV: 19145055 Ngành: Cơng Nghệ Kỹ Thuật Ơ Tơ Lớp: 19145CL5A, 19145CL5B Giáo viên hướng dẫn: Th.S Vũ Đình Huấn ĐT: 0908850150 Ngày nhận đề tài: 13/02/2023 Ngày nộp đề tài: 01/07/2023 Tên đề tài: Thiết kế ứng dụng Home thuộc hệ thống giải trí xe tô Các số liệu, tài liệu ban đầu: Cách xây dựng HMI ô tô, tài liệu tham khảo Qt Creator,… Nội dung thực đề tài: Trình sở lý thuyết, thiết kế ứng dụng Home hoàn chỉnh với chức có xe ô tô để làm tài liệu tham khảo cho bạn sinh viên Sản phẩm: Quyển thuyết minh đồ án tốt nghiệp đề tài thiết kế ứng dụng Home thuộc hệ thống giải trí xe tơ TRƯỞNG NGÀNH GIÁO VIÊN HƯỚNG DẪN i CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên Sinh viên: Trương Nam Khánh Hồ Hồng Tồn MSSV: 19145043 MSSV: 19145055 Ngành: Cơng Nghệ Kỹ Thuật Ơ Tơ Tên đề tài: Thiết kế ứng dụng Home thuộc hệ thống giải trí xe ô tô Họ tên Giáo viên hướng dẫn: Th.S Vũ Đình Huấn NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm:……………….(Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng 07 năm 2023 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên Sinh viên: Trương Nam Khánh MSSV: 19145043 Hồ Hồng Tồn MSSV: 19145055 Ngành: Cơng Nghệ Kỹ Thuật Ơ Tơ Tên đề tài: Thiết kế ứng dụng Home thuộc hệ thống giải trí xe tô Họ tên Giáo viên phản biện: Th.S Nguyễn Trung Hiếu NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm:……………….(Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng 07 năm 2023 Giáo viên phản biện (Ký & ghi rõ họ tên) iii Lời cảm ơn Trong suốt thời gian nghiên cứu thực đồ án tốt nghiệp với đề tài: Thiết kế ứng dụng Home thuộc hệ thống giải trí xe tơ, em nhận nhiều góp ý kiến, nhận xét giúp đỡ nhiệt tình q thầy cơ, gia đình bạn bè Chúng em xin gửi lời cảm ơn chân thành đến Thầy Vũ Đình Huấn, giảng viên Bộ mơn Điện Ơ Tơ – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh, người tận tình hướng dẫn, định hướng bảo chúng em suốt trình thực đồ án Chúng em xin chân thành cảm ơn sâu sắc quý thầy cô giáo trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh nói chung, q thầy Bộ Mơn Ơ Tơ nói riêng dạy dỗ cho chúng em có kiến thức đại cương chuyên ngành, giúp chúng em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ chúng em suốt trình thực đồ án tốt nghiệp Cuối cùng, chúng em xin cảm ơn gia đình bạn bè ln tạo điều kiện, quan tâm, giúp đỡ, động viên chúng em suốt trình học tập hoàn thành đồ án tốt nghiệp hạn Với điều kiện thời gian kiến thức cịn hạn chế q trình thực đồ án khơng thể tránh sai sót Chúng em mong nhận bảo, đóng góp ý kiến q thầy để chúng em có điều kiện bổ sung, nâng cao kiến thức mình, phục vụ tốt cho công tác thực tế sau Chúng em xin chân thành cảm ơn! Tp Hồ Chí Minh, ngày tháng 07 năm 2023 Nhóm sinh viên thực Hồ Hoàng Toàn Trương Nam Khánh iv Lời mở đầu (Tóm tắt) Ngày nay, phát triển khoa học kỹ thuật với nhu cầu sử dụng phương tiện sang trọng, an tồn thơng minh Các nhà sản xuất tơ phát triển tích hợp nhiều hệ thống thơng tin giải trí Hệ thống thơng tin giải trí tơ (In – Vehicle Infortainment) hệ thống quan trọng trình phát triển sản phẩm xe Việc trang bị thêm kiến thức hệ thống giải trí ô tô cần thiết, giúp người đùng sử dụng cách, người thợ nắm nguyên lý để đề hướng sửa chửa thích hợp giúp thỏa mãn nhu cầu sử dụng người tiêu dùng Vì vậy, với đề tài: Thiết kế ứng dụng Home thuộc hệ thống giải trí xe tơ, nhằm mục đích xây dựng tài liệu tham khảo hữu ích cách dễ hiểu tổng quát hệ thống giải trí tơ Trong đề tài này, chúng em trình sở lý thuyết, thiết kế ứng dụng Home với chức có xe tơ Trong suốt q trình nghiên cứu thực hiện, chúng em hồn thành đồ án đặt Nội dung thể rõ qua Chương sau: Chương 1: TỔNG QUAN Chương 2: NGƠN NGỮ LẬP TRÌNH C++ VÀ ỨNG DỤNG QT CREATOR Chương 3: CƠ SỞ LÝ THUYẾT Chương 4: THIẾT KẾ KIẾN TRÚC CODE PHẦN MỀM ỨNG DỤNG HOME Chương 5: KẾT QUẢ THIẾT KẾ ỨNG DỤNG HOME Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN v MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iii Lời cảm ơn iv Lời mở đầu (Tóm tắt) .v MỤC LỤC vi DANH MỤC VIẾT TẮT x DANH MỤC HÌNH ẢNH xi DANH MỤC BẢNG xiii CHƯƠNG 1: TỔNG QUAN 1.1 Tổng quan 1.2 Mục tiêu đề tài .1 1.3 Nội dung nghiên cứu 1.4 Phương pháp nghiên cứu 1.5 Phạm vi nghiên cứu .1 CHƯƠNG 2: NGƠN NGỮ LẬP TRÌNH C++ VÀ ỨNG DỤNG QT CREATOR 2.1 Ngơn ngữ lập trình C++ 2.1.1 Khái niệm .3 2.1.2 Điểm mạnh ngôn ngữ C++ 2.1.3 Ứng dụng ngôn ngữ C++ .3 2.2 Ứng dụng Qt Creator 2.2.1 Giới thiệu Qt 2.2.2 Các thành phần Qt .4 2.2.3 Ưu điểm nhược điểm Qt 2.2.3.1 Ưu điểm 2.2.3.2 Nhược điểm .5 vi 2.3 Cài đặt ứng dụng Qt CHƯƠNG 3: CƠ SỞ LÝ THUYẾT 3.1 Khảo sát số hình tơ 3.1.1 Khảo sát số hình tơ phổ biến thị trường 3.1.1.1 Màn hình OLED .9 3.1.1.2 Màn hình NaviPlay .10 3.1.1.3 Màn hình Pyle Double DIN Car Stereo Receiver 10 3.1.2 Khảo sát số hình xe thực tế Toyota 11 3.1.2.1 Màn hình theo xe Toyota Lexus ES250 11 3.1.2.2 Màn hình theo xe Toyota RUSH 11 3.1.2.3 Màn hình JBL xe Toyota Camry 2.5Q 12 3.1.2.4 Màn hình theo xe Toyota Fortuner 13 3.2 Yêu cầu chi tiết ứng dụng Home .14 3.2.1 Mục đích 14 3.2.2 Phương pháp .14 3.3 Những yêu cầu thiết kế thực ứng dụng Home 15 3.3.1 Thiết kế giao diện ứng dụng Home 15 3.3.2 Mô tả cách tương tác hình ứng dụng Home 15 3.3.3 Mô tả vùng Status Bar Area 15 3.3.4 Mô tả vùng Widget Area .15 3.3.5 Mô tả vùng Application Menu Area 16 3.4 Các quy chuẩn thiết kế giao diện trải nghiệm người dùng .16 3.5 Các chuẩn giao tiếp hình thiết bị ngoại vi hệ thống thơng tin giải trí xe ô tô 24 3.5.1 Các giao thức giao tiếp .24 3.5.2 Các giao thức giao tiếp hệ thống General Motors 26 3.6 Cách thiết kế giao diện người dùng (UI) 28 3.6.1 Phơng chữ kích thước 28 3.6.2 Layout 28 vii 3.6.3 Background ứng dụng Home 28 3.6.4 Vùng Application Menu Area 29 3.6.5 Vùng Status Bar Area 29 3.6.6 Giao diện ứng dụng 29 3.6.7 Giao diện trạng thái 31 3.7 Cách thiết kế trải nghiệm người dùng (UX) 32 3.7.1 Font chữ kích thước .32 3.7.2 Định nghĩa hành động tương tác hình .32 3.7.3 Thiết kế UX hình Home .34 3.7.4 Thiết kế UX ứng dụng Climate Controller .35 3.7.5 Thiết kế UX Media Player 36 3.7.6 Thiết kế UX danh sách tiện ích phần mềm 37 3.7.7 Ngơn ngữ mơ hình hóa UML .37 CHƯƠNG 4: THIẾT KẾ KIẾN TRÚC CODE PHẦN MỀM ỨNG DỤNG HOME 42 4.1 Sơ đồ tổng quan ứng dụng .42 4.2 Các thành phần tổ chức code 43 4.3 Các Class lập trình hướng đối tượng OOP sử dụng ứng dụng Home .45 4.3.1 Class PlaylistModel .45 4.3.2 Class ApplicationItem 45 4.3.3 Class ApplicationModel .46 4.3.4 Class Song 47 4.3.5 Class XmlReader 48 4.3.6 Class XmlWriter 48 4.3.7 Class Player 49 4.3.8 Class Climate Model 50 4.4 Thiết kế sơ đồ quy trình ứng dụng Home .51 4.4.1 Quy trình xử lý khởi động ứng dụng Home 51 viii