TTDN 19522213 NguyễnVõĐứcThắng SE501 N11 PMCL TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH FLUTTER TRÊN THIẾT BỊ DI ĐỘNG Công ty thực tập Công ty TNHH Hopee Ng[.]
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH FLUTTER TRÊN THIẾT BỊ DI ĐỘNG Công ty thực tập : Công ty TNHH Hopee Người phụ trách : Phạm Thị Hoài Chi Thực tập sinh : Nguyễn Võ Đức Thắng TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, tỉ lệ dùng internet lên tới 70% dân số, tức khoảng 68 triệu người (thống kê VNetwork) Song hành với phát triển ngành cơng nghệ thơng tin nói chung vươn lên mạnh mẽ ứng dụng điện thoại di động nói riêng Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp mobile non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu công nghệ giới Bên cạnh công ty trẻ tuổi nước, công ty lớn giới gia nhập vào thị trường Việt Nam, góp phần lớn vào phát triển tích cực cơng nghệ mobile Việt Nam Các ứng dụng mobile sử dụng biết đến rộng rãi cộng đồng, khả truy cập nhiều thiết bị tảng IOs Android Vì em định chọn lập trình Flutter thiết bị di động làm định hướng cho việc thực tập Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, tham gia vào môi trường làm việc chuyên nghiệp, em có dự định thực tập kỳ năm bốn Vì vậy, em định chọn công ty TNHH Hopee - môi trường lý tưởng, đại, chuyên nghiệp để thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Hopee tạo điều kiện cho em có hội thực tập cơng ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh/chị, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm website hồn chỉnh Chân thành cảm ơn anh/chị bỏ nhiều thời gian, cơng sức để hướng dẫn chúng em hồn thành đợt thực tập Đặc biệt cảm ơn chị Phạm Thị Hoài Chi hướng dẫn giúp đỡ cho chúng em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường Cũng xin cảm ơn thầy cô khoa Cơng nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo Nguyễn Võ Đức Thắng Tp.HCM, ngày 27 tháng 12 năm 2022 NHẬN XÉT CỦA KHOA MỤC LỤC Chương GIỚI THIỆU CƠNG TY THỰC TẬP 1 Giới thiệu cơng ty Singalarity Sản phẩm dịch vụ công ty Chương NỘI DUNG THỰC TẬP Tìm hiểu văn hóa nghiên cứu kỹ thuật 1.1 Văn hóa 1.2 Nghiên cứu kỹ thuật 1.3 Tìm hiểu tập huấn quy trình làm việc, kiến thức 1.3.1 Các công cụ quy trình làm việc 1.3.2 Tìm hiểu ngơn ngữ framework (Dart - Flutter) Chương THỰC HIỆN DỰ ÁN Thực dự án Lịch làm việc Chương CHI TIẾT VỀ DỰ ÁN Giới thiệu website Thực Kế hoạch 3.1 Giai đoạn 3.2 Giai đoạn 3.3 Giai đoạn Chương 1: GIỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty Singalarity Hopee công ty tư vấn kỹ thuật CNTT cung cấp giải pháp phần mềm đầu cuối cho doanh nghiệp, nhà cung cấp phần mềm độc lập, quan kỹ thuật số công ty khởi nghiệp Với tầm nhìn trở thành nhà cung cấp dịch vụ giải pháp CNTT hàng đầu Việt Nam Châu Á Sản phẩm dịch vụ công ty ● Web & App Development: Tất loại phần mềm dựa web ứng dụng dành cho thiết bị di động cho tất tảng, thiết bị đối tượng ● E-commerce Development: Các giải pháp thương mại điện tử cho mô hình kinh doanh đa dạng hoạt động trơn tru tất tảng ● AI & Blockchain Development: Nhiều loại giải pháp AI phát triển Chuỗi khối đáp ứng nhu cầu kinh doanh đa dạng ● IT Consulting: Chinh phục thách thức kinh doanh phức tạp với chuyên môn phát triển giải pháp ngành Chương 2: NỘI DUNG THỰC TẬP Đợt thực tập cơng ty Hopee nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện quy trình phát triển ứng dụng mobile việc tích hợp back-end vào ứng dụng Đồng thời rèn luyện kỹ mềm làm việc nhóm, kỹ giao tiếp, lên kế hoạch, kiểm sốt thời gian Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường chuyên nghiệp 1.1 Tìm hiểu văn hóa nghiên cứu kỹ thuật Văn hóa ● Thời gian: ngày ● Nội dung: Giới thiệu cơng ty, văn hóa làm việc cài đặt hướng dẫn sử dụng ứng dụng phục vụ cho công việc ○ Sinh viên giới thiệu cấu tổ chức công ty, ngữ, nguyên tắc cốt lõi công việc ○ Đọc, hiểu, tự tin áp dụng ngữ vào trình thực tập sống ● Kết quả: Nắm văn hóa làm việc cơng ty ứng dụng phụ trợ cho việc thực tập 1.2 Nghiên cứu kỹ thuật ● Thời gian: ngày ● Nội dung: Trong thời gian chờ đợi phân vào đội nhóm thực dự án thực tế chờ tài khoản nội kích hoạt, sinh viên giao tìm hiểu chế Flutter state gì? widget gì? Phân biệt tính chất widget tree, render tree,… Tìm hiểu Clean Architecture GetX dùng để quản lý state ứng dụng Flutter cách đơn giản tường minh ● Kết quả: Hiểu rõ Flutter, nắm bắt lý thuyết hoạt động Framework Hiểu biết Clean Architecture GetX cách thức vận hành xây dựng ứng dụng demo 1.3 1.3.1 Tìm hiểu tập huấn quy trình làm việc, kiến thức Các cơng cụ quy trình làm việc ● Thời gian: ngày ● Nội dung: Sau tiếp nhận tài khoản nội Sinh viên hướng dẫn DevOps, CI/CD, nguyên tắc, quy ước mã nguồn cách làm việc với GitLab, trình review mà merge mã nguồn Sinh viên yêu cầu đọc review trước mã nguồn, tài liệu dự án trước thức nhận nhiệm vụ thao tác trực tiếp mã nguồn ● Thực hiện: Tham gia buổi hướng dẫn, đọc tài liệu liên quan đến công cụ sử dụng để phát triển dự án ● Kết quả: Hiểu tổng quan dự án, tác nhân ngồi có liên quan, hiểu mã nguồn quy ước chung thao tác dự án Hiểu biết DevOps, CI/CD cách thao tác với GitLab 1.3.2 Tìm hiểu ngơn ngữ framework (Dart - Flutter) ● Thời gian: ngày ● Nội dung: Được giao nhiệm vụ tìm hiểu lý thuyết hoạt động Flutter, cách thức vận hành ứng dụng Flutter Các nội dung tóm tắt sau: ○ Widget: “Mọi thứ Flutter Widget” – câu nói tiếng tài liệu thức Flutter, học trường, em cho vậy, nhiên tìm hiểu sâu Widget dường thiết kế, Flutter dựa vào thiết kế để render thành phần UI, thành phần thực chất Element RenderObject ○ Element: Là đại diện cho instance Widget vị trí cụ thể hệ thống cây, thành phần UI thật để hiển thị hình ○ RenderObject: Chịu trách nhiệm chỉnh kích thước, xếp vị trí, canh chỉnh, hồn thiện tơ màu cho Element ○ Quan hệ Element, Widget State: Trong hàm runApp, ta truyền vào Widget Tree với MyApp root Widget Flutter từ root đến hết cây, Widget gọi hàm createElement để tạo Element từ tạo nên Element Tree Stateful Widget tạo Stateful Element tham chiếu đến state cụ thể Stateless Widget tạo Stateless Element tham chiếu đến Widget ○ Quan hệ Widget, Element Render Object: Render Object Element gắn lên Element Tree nhờ widget mà nắm giữ gọi hàm create Render Object() để tạo object render Object nắm giữ tham chiếu renderObject Từ render Object nhờ hàm paint, performLayout để tạo nên giao diện hiển thị ○ Quá trình rebuild: Mỗi lần Widget bị rebuild, Element so sánh Widget State xem có khác so với ban đầu không đưa đến định xây dựng lại ○ Cơ chế Hot reload: Khi thực thay đổi mã thấy chúng mà không cần phải khởi động lại ứng dụng chế thay đổi thêm bớt mã run time giúp tiết kiệm thời gian ○ Thực hiện: Đọc tài liệu, tham gia buổi hướng dẫn, chia sẻ kiến thức ● Kết quả: Có hiểu biết sâu cách thức vận hành Framework Flutter, ưu điểm hạn chế so với Framework khác, tình nên dùng Framework Chương 3: THỰC HIỆN DỰ ÁN Thực dự án Trong khoảng thời gian tháng hướng dẫn thực công việc trực tiếp dự án thực tế, sinh viên có hiểu biết sâu sắc quy trình phát triển phần mềm, kiến thức kỹ thuật liên quan đến phát triển ứng dụng cross platform Cách tiếp nhận feedback nội từ khách hàng để hoàn thiện sản phẩm, đảm bảo chất lượng sản phẩm cao Lịch làm việc Tuần Cơng việc - Tìm hiểu văn hóa làm việc cơng ty cơng ty Người hướng dẫn Mức độ hoàn thành Nhận xét người hướng dẫn Phạm Vũ 100% Hoàn thành tốt Phạm Vũ 100% Hoàn thành tốt Hoàng Văn Lâm 100% Hoàn thành tốt Hoàng Văn Lâm 100% Hoàn thành tốt - Nghiên cứu công nghệ sử dụng cho công việc - Cài đặt ứng dụng phục vụ cho công ty - Tìm hiểu cách thức nguyên tắc sử dụng Git, CI/CD - Tìm hiểu cách nhận task báo cáo, cách push code pull request GitLab - Tìm hiểu ngơn ngữ Dart, framework Flutter, Clean Architecture, GetX State management - Tham gia thực dự án thực tế - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review - Tham gia thực dự án thực tế Hoàng Văn Lâm 100% Hoàn thành tốt Hoàng Văn Lâm 100% Hoàn thành tốt Hoàng Văn Lâm 100% Hoàn thành tốt - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review - Tham gia thực dự án thực tế - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review - Tham gia thực dự án thực tế - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review - Tham gia thực dự án thực tế Hoàng Văn Lâm 100% Hoàn thành tốt Hoàng Văn Lâm 100% Hoàn thành tốt - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review - Tham gia thực dự án thực tế - Tham gia họp với khách hàng - Nhận tasks phù hợp với lực thân - Sửa đổi code theo yêu cầu code review Chương 4: CHI TIẾT VỀ DỰ ÁN Giới thiệu dự án Tên dự án: ADO Giới thiệu: phần mềm phát triển cho đối tác Nhật Bản, cung cấp dịch vụ khám chữa bệnh từ phịng khám có bác sĩ với 20 năm kinh nghiệm lĩnh vực họ cho bệnh nhân Việt Nam, Trung Quốc Nhật Bản có nhu cầu tiếp nhận y khoa tiên tiến khơng có điều kiện thời gian sang Nhật Bản Thực ● Nhóm phát triển ứng dụng di động Flutter Hopee ● Thực tập sinh: Nguyễn Võ Đức Thắng ● Người hướng dẫn: Hoàng Văn Lâm 3.1 Kế hoạch Giai đoạn ● Đọc, tìm hiểu tài liệu khởi tạo dự án ● Đọc, tìm hiểu thiết kế UI/UX ứng dụng ● Đọc, tìm hiểu framework, thư viện liên quan dự án 3.2 Giai đoạn ● Tham gia thức vào dự án với quy trình làm việc, tham gia họp kế hoạch với khách hàng ● Nhận nhiệm vụ phù hợp với lực ● Nhận đánh giá hướng dẫn từ cấp trực tiếp ● Sửa lỗi phát sinh (nếu có) q trình demo sản phẩm cho khách hàng 3.3 Giai đoạn ● Đánh giá kết thực tập ● Hoàn thành tài liệu thực tập TỔNG KẾT Như vậy, tháng thực tập công ty TNHH Hopee, em đã lần đầu tiên được tham gia vào phát triển một dự án thực tế, hiểu được các quy trình làm việc công ty Bên cạnh đó, em cũng đã tiếp thu được rất nhiều kiến thức bổ ích và trau dồi thêm cho mình nhiều kỹ năng cần có để hỗ trợ cho công việc của mình sau này Em xin chân thành gửi lời cảm ơn đến chị Phạm Thị Hoài Chi, anh Hoàng Văn Lâm và tất cả các anh chị nhóm phát triển dự án đã giúp đỡ và hỗ trợ em rất nhiều và nhiệt tình suốt thời gian em thực tập và làm việc tại Hopee Một lần nữa, em xin trân trọng cảm ơn Công ty TNHH Hopee đã cho em cơ hội và tạo điều kiện rất tốt để cho em được làm việc và phát triển tại công ty Cảm ơn các quý thầy cô của trường Đại học Công nghệ thông tin, đặc biệt là các thầy cô khoa Công nghệ phần mềm đã hỗ trợ em quá trình tìm việc, thực tập và quá trình hoàn thiện báo cáo này ... truy cập nhiều thiết bị tảng IOs Android Vì em định chọn lập trình Flutter thiết bị di động làm định hướng cho việc thực tập Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, tham... môn phát triển giải pháp ngành Chương 2: NỘI DUNG THỰC TẬP Đợt thực tập công ty Hopee nhằm mục đích giúp sinh viên thực tập đào tạo tồn di? ??n quy trình phát triển ứng dụng mobile việc tích hợp back-end... Sửa lỗi phát sinh (nếu có) q trình demo sản phẩm cho khách hàng 3.3 Giai đoạn ● Đánh giá kết thực tập ● Hoàn thành tài liệu thực tập TỔNG KẾT Như vậy, tháng thực tập công ty TNHH Hopee, em đã