Tài liệu Lập trình ứng dụng di động với flutter (báo cáo thực tập)

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 ỨNG DỤNG DI ĐỘNG VỚI FLUTTER Công ty thực tập : MiSmart Người phụ trách : Huỳnh Thế Hải Nam Thực tập sinh : Nguyễn Đình Long TP. Hồ Chí Minh, tháng 6 năm 2022 2 LỜI MỞ ĐẦU Những ngành nghề liên quan tới công nghệ thông tin ngày càng phát triển mạnh mẽ để bắt kịp với xu hướng chung. Trong đó, lập trình ứng dụng di động iOS – Android trở nên phổ biến. Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ, ngành lập trình ứng dụng di động non trẻ Việt Nam đã và đang phát triển mạnh mẽ. Bên cạnh những công ty phát triển ứng dụng di động trẻ tuổi trong nước, những công ty lớn trên thế giới cũng gia nhập vào thị trường Việt Nam, góp phần rất lớn vào sự phát triển tích cực của ngành này. Theo báo cáo của GSMA (Hiệp hội di động toàn cầu), khoảng 5 tỷ người (2/3 dân số thế giới) đang sử dụng Smartphone. Trong đó, Trung Quốc đứng đầu thế giới. Với các doanh nghiệp, đây là một thị trường rất lớn để bán hàng. Kinh doanh trên App Mobile đang là xu hướng ở nhiều quốc gia. Mạng 5G sớm đưa vào hoạt động trong thời gian tới sẽ càng thúc đẩy mạnh mẽ các nền tảng trên Smartphone phát triển. Nó mở ra cơ hội việc làm có mức lương cao và chế độ đãi ngộ tốt cho các lập trình viên ứng dụng di động. Vì lý do này, em quyết định chọn lập trình ứng dụng di động làm định hướng cho việc học tập của mình. Sau hơn ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, em quyết định đi thực tập tại một công ty công nghệ. Và công ty MiSmart – một môi trường hiện đại, chuyên nghiệp – là nơi em bắt đầu thực hiện điều đó. Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 3 LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Cổ phần Công nghệ Thông Minh MiSmart đã tạo điều kiện cho em có cơ hội được thực tập tại công ty. Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của nhóm trainer, nhóm thực tập chúng em đã tiếp thu được những kiến thức quan trọng để có thể làm được một ứng dụng di động. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ ra nhiều thời gian,công sức để hướng dẫn chúng em hoàn thành đợt thực tập này. Đặc biệt cảm ơn anh Huỳnh Thế Hải Nam, đã training cho em những kiến thức mới để áp dụng trong dự án, hướng dẫn, giúp đỡ tận tình cho em những lúc gặp khó khăn trong công việc cũng như làm quen mới môi trường mới. Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này. Em xin chân thành cảm ơn ! Nguyễn Đình Long Thành phố Hồ Chí Minh, ngày 16 tháng 6 năm 2022 Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 4 NHẬN XÉT CỦA KHOA .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 5 Mục lục LỜI MỞ ĐẦU ........................................................................................................................................................... 2 Chương 1: Giới thiêu công ty thực tập .................................................................................................................... 6 1. Giới thiệu công ty MiSmart .......................................................................................................................... 6 2. Thành tựu đạt được ..................................................................................................................................... 6 Chương 2: Nội dung thực tập .................................................................................................................................... 7 1. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty ................................................................................ 7 2. Nghiên cứu kỹ thuật ..................................................................................................................................... 7 3. 4. 2.1. Các công cụ làm việc ............................................................................................................................. 7 2.2. Tìm hiểu về TechStack công ty đang sử dụng ...................................................................................... 7 2.3. Tìm hiểu về dự án website với ReactJs ................................................................................................ 8 2.4. Tìm hiểu về dự án Flutter Mobile App.................................................................................................. 8 Thực hiện project .......................................................................................................................................... 9 3.1. FrontEnd Website với ReactJs .............................................................................................................. 9 3.2. Flutter Mobile App ................................................................................................................................ 9 Lịch làm việc ................................................................................................................................................ 10 Chương 3: Tổng kết ................................................................................................................................................ 12 Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 6 Chương 1: Giới thiêu công ty thực tập 1. Giới thiệu công ty MiSmart Bắt nguồn từ thực trạng ngành nông nghiệp Việt Nam đang xếp top 10 thế giới, tuy nhiên về sản lượng nông sản chỉ được đánh giá ở mức trung bình thấp với lý do cách thức canh tác còn nhiều điều hạn chế. Chính điều này đã thôi thúc đội ngũ MiSmart tập trung nghiên cứu và tự chế tạo sản xuất các loại Drone phun thuốc đáp ứng nhu cầu canh tác nông nghiệp của bà con nông dân. Sau hơn 2 năm lên ý tưởng và thực hiện, MiSmart đã chính thức thành lập công ty từ năm 2019 và nhận được sự ủng hộ từ các nhà đầu tư và tập đoàn, công ty trong lĩnh vực nông nghiệp. 2. Thành tựu đạt được Với những nỗ lực không ngừng mong muốn, hiện đại hóa Ngành Nông nghiệp Việt, trong thời gian nghiên cứu và phát triển MiSmart đã bước đầu gặt hái được những thành công nhất định. MiSmart giành giải nhất cuộc thi Tìm kiếm giải pháp chuyển đổi số Việt Nam (Viet Solution 2020) với quy mô toàn cầu. Được đánh giá cao bởi ý tường và những lợi ích mang lại cho ngành nông nghiệp Việt Nam, MiSmart đã nhận được rất nhiều sự quan tâm từ các chuyên gia và doanh nghiệp trong lĩnh vực này. Top 3 xuất sắc nhất cuộc thi Dự án Đổi mới sáng tạo ứng dụng trí tuệ nhân tạo Tp Hồ Chí Minh (HAI). Cuộc thi do Sở Khoa học và Công nghệ Thành phố Hồ Chí Minh, Sở Thông tin và Truyền thông Thành phố, Đại học Quốc gia Thành phố Hồ Chí Minh và Cục Phát triển thị trường và doanh nghiệp khoa học và công nghệ (Bộ Khoa học và Công nghệ) tổ chức. Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 7 Chương 2: Nội dung thực tập Ban đầu em thực tập tại vị trí ReactJs FrontEnd Developer, sau đó 2 tháng em được chuyển sang vị trí Flutter Mobile App Developer. Trong thời gian thực tập, em được đào tạo những kiến thức công nghệ cần thiết trong dự án mình làm, đồng thời rèn luyện những kỹ năng mềm như làm việc nhóm, thuyết trình, giao tiếp. Tại công ty, em có thời gian tìm hiểu và làm việc trong một môi trường phát triển ứng dụng chuyên nghiệp. 1. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty Thời gian : 1 ngày Nội dung : Giới thiệu về công ty, cách tổ chức của công ty Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và phát triên (như đã nhắc đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức của công ty . Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong công việc… Kết quả : Hiểu thêm về công ty MiSmart, quá trình thành lập và phát triển. Có thêm các kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn. 2. Nghiên cứu kỹ thuật 2.1. Các công cụ làm việc Thời gian : 2 ngày Nội dung : Tìm hiểu về các công cụ sẽ được sử dụng trong quá trình làm việc. Trong thời gian này, anh Nam đã hướng dẫn thực tập sinh tìm hiểu về các công cụ sẽ giúp ích cho trong công việc sau này. Một số phần mềm trong số đó như: - Git: công cụ quản lý source code trực quan với nhiều tính năng. - Visual Studio Code, Android Studio: các IDE hữu ích và phổ biến với lập trình viên. - Postman: Testing APIs. Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên. Kết quả : Lập trình sử dụng các công cụ, dễ dàng kết hợp các công cụ với nhau. 2.2. Tìm hiểu về TechStack công ty đang sử dụng Thời gian : 2 ngày Nội dung : Tìm hiểu sơ bộ về ReactJs, MUI, Flutter, GraphQl. Thực hiện : Chạy thử toàn bộ project của công ty. Kết quả : Nắm sơ bộ về workflow của các project và cách chúng liên kết với nhau. Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 8 2.3. Tìm hiểu về dự án website với ReactJs Thời gian : 1 tuần. Nội dung: - Tìm hiểu nghiệp vụ của toàn bộ dự án và dần hình dung ra những gì mình phải làm trong thời gian tới. - Nắm vững luồng xử lý cũng như các công nghệ được sử dụng trong dự án. Thực hiện : - Tham gia đầy đủ các buổi trainning. - Đọc code cẩn thận và ghi chú lại những điều cần thiết. - Tìm kiếm tài liệu trên mạng. Kết quả : - Hiểu được nghiệp vụ của dự án. - Xác định những công việc cần làm trong thời gian tới để củng cố những kỹ năng liên quan. - Hiểu luồng xử lý của source code. 2.4. Tìm hiểu về dự án Flutter Mobile App. Thời gian : 1 tuần. Nội dung: - Tìm hiểu nghiệp vụ của toàn bộ dự án và dần hình dung ra những gì mình phải làm trong thời gian tới. - Nắm vững luồng xử lý cũng như các công nghệ được sử dụng trong dự án. Thực hiện : - Tham gia đầy đủ các buổi trainning. - Đọc code cẩn thận và ghi chú lại những điều cần thiết. - Tìm kiếm tài liệu trên mạng. Kết quả : - Hiểu được nghiệp vụ của dự án. Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 9 - Xác định những công việc cần làm trong thời gian tới để củng cố những kỹ năng liên quan. - Hiểu luồng xử lý của source code. 3. Thực hiện project Sau thời gian tranning và tìm hiểu, em được cho phép tham gia trực tiếp phát triển dự án. 3.1. FrontEnd Website với ReactJs Khi tham gia dự án này, em được giao nhiệm vụ xây dựng các trang nhỏ, bao gồm: - Flight Statistics : Thời gian - Công việc 1 tuần - 3 tuần - Người hướng dẫn Mức độ hoàn thành Nhận xét của người hướng dẫn Mức độ hoàn thành Nhận xét của người hướng dẫn Xây dựng giao diện Anh Huỳnh Thế dùng Hải Nam Hoàn thành các Anh Huỳnh Thế chức năng Hải Nam Flight Statistics map : Thời gian Công việc 1 tuần - 1 tuần - 2 tuần - Xây dựng giao diện dùng Hiển thị bản đồ các trạm bay, máy bay Tùy chỉnh bản đồ Người hướng dẫn Anh Huỳnh Thế Hải Nam Anh Huỳnh Thế Hải Nam Anh Huỳnh Thế Hải Nam 3.2. Flutter Mobile App Sau 2 tháng xây dựng website Flight Hub, em được chuyển sang làm app Trúng Mùa. Trong thời gian này, em được tham gia vào nhiều công việc hơn. Cụ thể là: - Sửa lại những tính năng sẵn có Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 10 Thời gian 1 tuần 1 ngày 3 tuần 1 tuần Công việc - Sửa lại Remote Config - Sửa luồng xác thực người dùng - Sửa giao diện chung - 1 tuần 3 ngày 1 tuần 2 ngày - - Sửa tính năng “Nhận diện gần đây” Sửa tính năng “Tin tức” Sửa tính năng “Scan sâu bệnh” Cập nhật tính năng mở ứng dụng thứ 3 Anh Huỳnh Hải Nam Anh Huỳnh Hải Nam Anh Huỳnh Hải Nam Anh Huỳnh Hải Nam Anh Huỳnh Hải Nam Mức độ hoàn thành Nhận xét của người hướng dẫn Mức độ hoàn thành Nhận xét của người hướng dẫn Thế Thế Thế Thế Thế Anh Huỳnh Thế Hải Nam Anh Huỳnh Thế Hải Nam Anh Huỳnh Thế Hải Nam Xây các chức năng mới Thời gian Công việc - 1 tuần 2 ngày - Đổi Firebase Người hướng dẫn - Xây dựng chức năng “Danh bạ hữu ích” Xây dựng chức năng “góp ý” Người hướng dẫn Anh Huỳnh Thế Hải Nam Anh Huỳnh Thế Hải Nam Đưa app lên cửa hàng. 4. Lịch làm việc Tuần 1 - 2, 3 - Công việc Người hướng dẫn Tìm hiểu môi trường làm việc Anh Huỳnh Thế Hải Tìm hiểu các kỹ năng, công cụ cần thiết khi làm Nam việc Nghiên cứu dự án và chạy thử. Anh Huỳnh Thế Hải Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 11 4 - 12 13 - 22 Nam - Tham gia vào team FrontEnd, dự án Web Anh Huỳnh Thế Hải FlightHub Nam - Tham gia vào team Flutter Mobile App, dự án app Anh Huỳnh Thế Hải Trúng Mùa Nam Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 12 Chương 3: Tổng kết Như vậy, trong vòng sáu tháng, em đã được học hỏi và trải nghiệm được nhiều thứ bổ ích. Công ty đã giúp em học được các công nghệ mới trong ngành hiện nay như ReactJs, Flutter, Firebase, GraphQL ... biết tổ chức làm việc nhóm, giao tiếp trao đổi và giúp đỡ mọi người trong công việc, có được khả năng làm việc chuyên nghiệp với đồng đội và độc lập. Bên cạnh đó, em còn học được cách giao tiếp chuyên nghiệp với các đối tác, các sếp và kinh nghiệm xử lý tình huống bất ngờ khi gặp lỗi.Những điều này sẽ là kiến thức và kinh nghiệm quý báu đề làm hành trang trên con đường sự nghiệp của em. Đồng thời công ty cũng đã tạo điều kiện cho em được tham gia làm việc trong một dự án thực tế, giúp em có được những trải nghiệm hết sức quý giá cho việc đi làm sau này. Chân thành cảm ơn sự giúp đỡ của các anh chị trong dự án và đặc biệt là anh Huỳnh Thế Hải Nam - trainer chính cũng là người hướng train cho em Flutter, Firebase và anh Phạm Thanh Toàn – giám đốc điều hành, đã nhiệt tình giúp đỡ, tạo điều kiện thuận lợi cho em em hoàn thành kỳ thực tập này. Đặc biệt, em sâu sắc cảm ơn quý thầy cô khoa Công nghệ Phần mềm đã chỉ bảo, cung cấp cho em những kiến thức mới mẻ để có thể tham gia khóa thực tập của công ty. Một lần nữa em xin chân thành cảm ơn. Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long 13 TÀI LIỆU THAM KHẢO Về MiSmart https://mismart.ai/ App “Trúng Mùa” IOS: https://apps.apple.com/app/id1591154563 Android: https://play.google.com/store/apps/details?id=trungmua.miagri.vn Báo cáo Thực tập Doanh nghiệp – Nguyễn Đình Long