BÁO CÁO THỰC TẬP LẬP TRÌNH ỨNG DỤNG ANDROID VỚI FLUTTER Công

1 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 ANDROID VỚI FLUTTER Công ty thực tập : Công ty CP Kite Metric Người phụ trách : Phạm Hoàng Hải Thực tập sinh : Phan Thị Hồng Cúc TP Hồ Chí Minh, tháng năm 2022 Phạm Hồng Hải Phan Thị Hồng Cúc LỜI MỞ ĐẦU Ngày nhu cầu phát triển ứng dụng di động ngày tăng Vì giúp tìm giải pháp lĩnh vực khác Phát triển ứng dụng di động cung cấp tính tốt quan trọng cho doanh nghiệp, giúp thu hút khách hàng như: tăng cường hợp tác tốt hợp lý hóa quy trình làm việc, cung cấp tảng tốt cho hoạt động tiếp thị doanh nghiệp Đã có vô số phần mềm ứng dụng tải xuống để đáp ứng yêu cầu khác doanh nghiệp, cá nhân, … Sau gần năm học trường, mong muốn có thêm kinh nghiệm làm việc môi trường chuyên nghiệp nên em lựa chọn thực tập Cơng ty cổ phần Kite Metric Phạm Hồng Hải Phan Thị Hồng Cúc LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty cổ phần Kite Metric 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 nhóm trainer, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm ứng dụng Android Flutter Chân thành cảm ơn anh chị nhóm trainer bỏ 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 Đặc biệt cảm ơn thầy Phạm Hoàng Hải, training Dart, Flutter, 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 mới; cảm ơn bạn Nguyễn Trọng Thuận dẫn chúng em cách làm báo cáo, lên kế hoạch, kỹ thiếu q trình làm việc để làm sản phẩm thời gian qua 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 Phan Thị Hồng Cúc TP.HCM, ngày 15 tháng 06 năm 2022 Phạm Hoàng Hải Phan Thị Hồng Cúc NHẬN XÉT CỦA KHOA Phạm Hoàng Hải Phan Thị Hồng Cúc MỤC LỤC MỤC LỤC Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty cổ phần Kite Metric Sản phẩm công ty Chương 2: Nội dung thực tập Nghiên cứu kỹ thuật 1.1 Nghiên cứu công cụ, quy trình 1.2 Tìm hiểu ngơn ngữ Dart, Flutter, Boilerplate template Thực project 10 Lịch làm việc 10 Chương 3: Chi tiết project 12 Giới thiệu project 12 1.1 Yêu cầu chức 13 1.2 Yêu cầu phi chức 13 Thực 13 Kế hoạch 14 TÀI LIỆU THAM KHẢO 16 TỔNG KẾT 17 Phạm Hoàng Hải Phan Thị Hồng Cúc Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty cổ phần Kite Metric KiteMetric công ty tư vấn công nghệ thành lập từ năm 2012 với sứ mệnh hỗ trợ doanh nghiệp khởi nghiệp chuyển đổi ý tưởng thành sản phẩm chất lượng cao Công ty hợp tác với khách hàng toàn giới để cung cấp sản phẩm nhiều lĩnh vực khác bao gồm: ứng dụng học máy, trực quan hóa liệu, mạng xã hội, ứng dụng fintech, nhiều lĩnh vực khác - Về dịch vụ Web & Mobile development: cung cấp dịch vụ thiết kế xây dựng sản phẩm hiệu suất cao với trải nghiệm người dùng tuyệt vời tất tảng - Về dịch vụ Machine Learning: cung cấp dịch vụ xây dựng ứng dụng AI để tự động hóa hoạt động thủ công, cải thiện hoạt động kinh doanh với trí thơng minh theo hướng liệu - Về User Experience: cung cấp dịch vụ thiết kế mô hình thử nghiệm, thử nghiệm khái niệm để xác thực ý tưởng đưa thiết kế UI / UX sáng tạo mang lại tính độc đáo sản phẩm - Về Technology Consulting: cung cấp dịch vụ giúp định hình ý tưởng, xác định rào cản kỹ thuật, đề xuất giải pháp công nghệ phù hợp Sản phẩm công ty Kite Metric cung cấp nhiều ứng dụng nhiều lĩnh vực cho tảng khác như: Hệ thống phân phối taxi thông minh (tương tự Uber) cho Vinasun, Mạng xã hội di động Capshare, Ứng dụng cho công ty Blanket, Ứng dụng di động Face Swap… Phạm Hoàng Hải Phan Thị Hồng Cúc Phạm Hoàng Hải Phan Thị Hồng Cúc Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình ứng dụng Android với Flutter” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình Android Flutter, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp 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 phát triển ứng dụng di động chuyên nghiệp Nghiên cứu kỹ thuật 1.1 Nghiên cứu công cụ, quy trình 1.2 Thời gian : tuần Nội dung : Giới thiệu công ty, công cụ sử dụng, mơ hình làm việc dự kiến Ngày đầu tiên, người phụ trách giới thiệu công ty, quy trình làm việc, thời gian làm, quy định cơng ty cách sử dụng email Ngồi ra, người phụ trách giới thiệu thành viên team, tổng quan công cụ, phần mềm sử dụng Ngày thứ hai, người phụ trách giới thiệu mơ hình làm việc Scrum công ty tổng quan project ứng dụng kết nối camera IP mà thực sau trình nghiên cứu Các ngày sau đó, người phụ trách cung cấp tài liệu hướng dẫn thực tập sinh tìm hiểu cơng cụ, phần mềm sử dụng Cuối cùng, thực tập sinh làm Slide PowerPoint theo quy định cơng ty thuyết trình cho người phụ trách team Một số phần mềm, công cụ gồm Jira (sử dụng quản lý project làm việc nhóm), Github (quản lý source code), Figma (thiết kế UI/UX), Android Studio (IDE cho việc phát triển ứng dụng di động) Kết : Có nhìn tổng quan cơng ty Có nhìn tổng quan Scrum cách thức công ty làm việc theo Scrum Có nhìn tổng quan project ứng dụng kết nối camera IP thực sau trình nghiên cứu Cài đặt thành công biết sử dụng chức công cụ, phần mềm nêu Tìm hiểu ngơn ngữ Dart, Flutter, Boilerplate template Phạm Hoàng Hải Phan Thị Hồng Cúc Thời gian : tuần Nội dung: Tìm hiểu ngơn ngữ Dart, số khái niệm Flutter, Boilerplate template Trong thời gian này, training ngôn ngữ Dart, số khái niệm Flutter, giới thiệu hướng dẫn áp dụng Boilerplate template - Ngơn ngữ lập trình Dart: Dart ngơn ngữ lập trình mới, phát triển Google, chấp thuận tổ chức Ecma Dart sử dụng để xây dựng loại ứng dụng: web, server, di động (IOS Android với công cụ Flutter) Dart ngôn ngữ hỗ trợ lập trình hướng đối tượng, cú pháp kiểu C, mã code Dart biên dịch thành JavaSript để chạy trình duyệt Nó hỗ trợ khái niệm lập trình đại giao diện lớp, lớp trừu tượng Từ ngơn ngữ lập trình Dart, Google giới thiệu SDK Futter để sử dụng ngôn ngữ Dart phát triển ứng dụng di động chạy đa tảng (Một lần viết code build ứng dụng cho ISO Android) - Một số khái niệm Flutter: Tìm hiểu nội dung: o Widget gồm Stateful Widget, Stateless Widget, Inherited Widget, Accessibility Style o Asset gồm Font, Image, SVG, Audio, Video o Static & Dynamic User Interface o Storage o State management: setState, Provider, BloC, MobX o 3rd Party Libraries - Template boilerplate: Tìm hiểu Boilerplate Template Flutter, cung cấp tại: https://github.com/zubairehman/flutter-boilerplate-project Đây template xây dựng Flutter sử dụng kết hợp MobX Provider Template hỗ trợ web di động Kết : Phạm Hoàng Hải Phan Thị Hồng Cúc 10 - Có nhìn tổng qt lập trình ngơn ngữ Dart Hiểu khái niệm lập trình với Flutter SDK Hiểu cấu trúc Boilerplate template Thực project Sau gần tháng training thực hành, thực tập sinh nắm kiến thực quy trình Scrum công ty ngôn ngữ Dart, Flutter SDK, Boilerplate template Kể từ tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức tìm hiểu để thực phát triển ứng dụng kết nối camera IP Android Chi tiết dự án nói phần sau Lịch làm việc Tuần Phạm Hồng Hải Cơng việc Sprint 1: - Làm quen với công cụ làm việc công ty Jira, Figma, Android Studio - Học cách trao đổi, làm việc qua email Sprint 2: - Tìm hiểu báo cáo ngơn ngữ Dart - Tìm hiểu báo cáo Flutter Sprint 3: - Tìm hiểu báo cáo Flutter (tiếp theo) - Tìm hiểu báo cáo Boilerplate template Sprint 4: - Phân tích yêu cầu ứng dụng Người hướng dẫn Mức độ hoàn thành Nhận xét người hướng dẫn Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang 100% Đạt yêu cầu Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang 100% Đạt yêu cầu Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang 100% Đạt yêu cầu Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang 100% Đạt yêu cầu Phan Thị Hồng Cúc 11 10 11 12 Phạm Hoàng Hải Sprint 5: - Thiết kế UI/UX ứng dụng Sprint 6: - Thiết kế sở liệu Sprint 7: - Tìm hiểu cách stream camera IP Flutter Sprint 8: - Lập trình giao diện Sprint 9: - Lập trình chức phát video stream camera Sprint 10: - Lập trình chức phát stream video nhiều camera - Lập trình chức thêm, xóa, sửa Sprint 11: - Lập trình chức validate Sprint 12: Kiểm thử hoàn thiện ứng dụng Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang Thầy Phạm Hoàng Hải, Thầy Nguyễn Tấn Trần Minh Khang 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu 100% Đạt yêu cầu Phan Thị Hồng Cúc 12 Chương 3: Chi tiết project Giới thiệu project Dự án thực tập team phát triển ứng dụng di động Android có khả kết nối phát video stream camera IP từ xa Phạm Hoàng Hải Phan Thị Hồng Cúc 13 1.1 Yêu cầu chức Ứng dụng cho phép người dùng nhập thông tin camera IP để phát video stream camera Đồng thời, để người dùng nhập lại thông tin vào lần truy cập, ứng dụng cung cấp chức để quản lý danh sách camera Ngoài ra, ứng dụng cung cấp chức để người dùng nhóm nhiều camera phát video stream nhiều camera lúc 1.2 Yêu cầu phi chức Ứng dụng phải xây dựng dựa Boilerplate template Ứng dụng phải có khả chạy nhiều thiết bị Android khác Ứng dụng phải có ngơn ngữ tiếng Anh tiếng Việt Thực thành viên team internship: - Trần Văn Bảo Trần Lê Bảo Châu Phạm Hoàng Hải Phan Thị Hồng Cúc 14 - Phan Thị Hồng Cúc Đoàn Thị Thanh Hiếu Và giúp đỡ tận tình team trainer Kite Metric Kế hoạch Giai đoạn Phân tích: - Phân tích yêu cầu ứng dụng Thiết kế sơ đồ use case, user flow Kết : - Báo cáo yêu cầu chức phi chức Báo cáo mô tả use case, user flow Giai đoạn Thiết kế: - - Thiết kế UI/UX cho ứng dụng gồm hình o Trang chủ o Màn hình phát stream video camera o Màn hình phát stream video nhiều camera o Màn hình danh sách camera o Màn hình danh sách nhóm camera o Các popup nhập thơng tin o Các popup thông báo Thiết kế sở liệu cho ứng dụng Kết : Hoàn thành báo cáo thiết kế giao diện sở liệu ứng dụng Giai đoạn Phát triển – Phát triển tính cho ứng dụng: - Lập trình giao diện: lập trình hình giai đoạn Thiết kế - Lập trình chức phát stream video camera - Lập trình nhóm chức quản lý danh sách camera - Lập trình chức phát stream video nhiều camera - Lập trình chức phụ lại - Bổ sung validation cho ứng dụng Kết : Ứng dụng có đầy đủ hình chức tương ứng Phạm Hồng Hải Phan Thị Hồng Cúc 15 Giai đoạn Kiểm thử: - Kiểm thử sửa lỗi phát sinh - Viết hướng dẫn sử dụng Kết : Hoàn thành ứng dụng với tài liệu hướng dẫn sử dụng Phạm Hoàng Hải Phan Thị Hồng Cúc 16 TÀI LIỆU THAM KHẢO For Dart https://dart.dev/guides https://www.tutorialspoint.com/dart_programming/index.htm https://xuanthulab.net/lap-trinh-dart-flutter/ For Flutter https://docs.flutter.dev/ For Boilerplate Template https://github.com/zubairehman/flutter-boilerplate-project For Understanding Camera IP https://us.hikvision.com/en/support-resources/documentation/how-to Phạm Hoàng Hải Phan Thị Hồng Cúc 17 TỔNG KẾT Như vậy, vịng tháng ngắn ngủi, nhóm kịp hoàn thành phát triển ứng dụng chạy tảng Android Flutter Ứng dụng có đầy đủ tính đề ban đầu Do thời gian có hạn nên giao diện, tính cịn đơn giản Nhưng ứng dụng phát triển theo framework có tính kế thừa nên sau có thời gian phát triển lên mức cao Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Kite Metric, nỗ lực nhóm thực tập sinh để hồn thành ứng dụng Cảm ơn thầy Phạm Hoàng Hải thầy Nguyễn Tấn Trần Minh Khang giúp em hoàn thành báo cáo Phạm Hoàng Hải Phan Thị Hồng Cúc ... Cúc Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập trình ứng dụng Android với Flutter? ?? nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình Android Flutter, đồng thời rèn... cho ứng dụng Kết : Hoàn thành báo cáo thiết kế giao diện sở liệu ứng dụng Giai đoạn Phát triển – Phát triển tính cho ứng dụng: - Lập trình giao diện: lập trình hình giai đoạn Thiết kế - Lập trình. .. tổng qt lập trình ngơn ngữ Dart Hiểu khái niệm lập trình với Flutter SDK Hiểu cấu trúc Boilerplate template Thực project Sau gần tháng training thực hành, thực tập sinh nắm kiến thực quy trình