Báo cáo thực tập lập trình ứng dụng di động với flutter

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: ECOMX Người phụ trách: Nguyễn Bá Đăng Khoa Thực tập sinh: Dương Trung Nguyên TP Hồ Chí Minh, tháng năm 2023 GVHD: Trần Anh Dũng Dương Trung Nguyên LỜI MỞ ĐẦU Thực tập tốt nghiệp chủ đề quan trọng sinh viên, hội tốt cho em học hỏi, trau dồi kinh nghiệm để từ có định hướng đắn, đề mục tiêu đường cho tương lai Ngành công nghiệp mobile phận thiếu ngành công nghiệp phần mềm Hằng năm nhiều hãng điện thoại đời, ngày đa dạng Xu hướng để ứng dụng chạy nhiều thiết bị mà khơng phải chuyển đổi công nghệ Sau năm học tập trường, em mong muốn trải nghiệm, học hỏi kinh nghiệm thực tế tham gia vào mơi trường làm việc tốt Do em định chọn Công ty cổ phần công nghệ Ecomx, nơi đáp ứng mong muốn GVHD: Trần Anh Dũng Dương Trung Nguyên LỜI CẢM ƠN Em xin trân trọng cảm ơn Ecomx tạo điều kiện để em tham gia khóa thực tập cơng ty Em cám ơn anh Khoa - Leader team, người thường xun theo dõi, ln nhiệt tình giúp đỡ em khó khăn Cảm ơn bạn Ngọc Ngun, người có nhiều kinh nghiệm Flutter, ln chia kiến thức hướng dẫn em Và em xin cảm ơn người công ty chia sẽ, giúp đỡ để em hòa nhập, học hỏi kinh nghiệm hồn thành tốt khóa thực tập Em 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 Dương Trung Nguyên Thành phố Hồ Chí Minh, tháng năm 2023 GVHD: Trần Anh Dũng Dương Trung Nguyên NHẬN XÉT CỦA KHOA GVHD: Trần Anh Dũng Dương Trung Nguyên MỤC LỤC Chương 1: Giới thiệu công ty thực tập 1 Giới thiệu Công ty Sản phẩm công ty Chương 2: Nội dung thực tập Tìm hiểu công ty kỹ công ty 2 Nghiên cứu kỹ thuật Thực project 4 Lịch làm việc Chương 3: Chi tiết project Giới thiệu ứng dụng Clinic Appointment Thực 15 Kết 15 GVHD: Trần Anh Dũng Dương Trung Nguyên Chương 1: Giới thiệu công ty thực tập Giới thiệu Cơng ty - Tên cơng ty: CƠNG TY CỔ PHẦN CÔNG NGHỆ ECOMX - Tên quốc tế: ECOMX TECHNOLOGY JOINT STOCK COMPANY - Website: ecomx.vn - Địa chỉ: L17-11 Tầng 17, Tòa nhà Vincom Center, số 72 Lê Thánh Tôn, Phường Bến Nghé, Quận 1, Thành phố Hồ Chí Minh, Việt Nam - ECOMX chuyên cung cấp mặt hàng tiêu dùng, mong muốn khác hàng có trải nghiệm tốt mua hàng ECOMX Sản phẩm công ty Tên phần mềm Mô tả Web, Ứng dụng di động Ecomx Ứng dụng mua sắm trực tuyến với tính mua chung Các phần mềm khác theo yêu cầu khách hàng STT 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 di động 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 ứng dụng với 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 phần mềm chun nghiệp Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dung: - Giới thiệu công ty, cách tổ chức công ty - Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập phát triển quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty - Ngồi ra, thực tập sinh cịn giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc… Kết quả: - Hiểu thêm cơng ty Ecomx, q trình thành lập phát triển dự án công ty có, sản phẩm tới Có thêm kỹ việc sử dụng email công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 Làm quen với workflow, process flow Thời gian: ngày Nội dung: - Hiểu Process Flow, Workflow phần mềm - Sử dụng phần mềm thử để kiểm tra chức tài liệu Thực hiện: - Đọc Workflow, Process flow phần mềm - Đọc xem tài liệu trước chức task hồn thành trước Kết quả: - Nắm rõ Workflow Process flow phần mềm Hiểu phần mềm GVHD: Trần Anh Dũng Dương Trung Nguyên 2.2 Tìm hiểu Flutter Thời gian: ngày (1 tuần) Nội dung: - Tìm hiểu ngơn ngữ Dart - Tìm hiểu Flutter - Cách Flutter hoạt động - Cách tổ chức project Flutter Thực hiện: - Đọc tài liệu, video Flutter, Dart - Thực hành demo Flutter Kết quả: - Hiểu nội dung 2.3 Tìm hiểu UI Layout Widget Thời gian: ngày Nội dung - Tìm hiểu cách layout, phân tích layout Flutter - Tìm hiểu widget Thực hiện: - Đọc code layout có sẵn - Thực demo nhỏ Kết : - Nâng cao kỹ lập trình, bố trí hợp lí, dễ sử dụng cho người dùng, tối ưu hóa bố trí đơn giản hiểu - Có kiến thức quan trọng cho việc lập trình ứng dụng mobile sau 2.4 Tìm hiểu API package Dio Thời gian: ngày Nội dung: Dio ứng dụng HTTP client mạnh mẽ cho Dart, hỗ trợ Interceptors, Global configuration, FormData, Request Cancel, File download, Timeout, v.v - Tìm hiểu API - Tìm hiểu package Dio GVHD: Trần Anh Dũng Dương Trung Nguyên Thực hiện: - Đọc tài liệu, xem video API, Dio - Đọc code có sẵn Kết quả: - Hiểu API, Dio áp dụng 2.5 Tìm hiểu State Management Flutter Bloc Thời gian: ngày Nội dung: Bloc lib để quản lý state cho Flutter application B.L.o.C nghĩa Business Logic Component - Tìm hiểu State Management - Tìm hiểu Bloc Thực hiện: - Đọc tài liệu ví dụ liên quan - Đọc code có sẵn Kết quả: - Hiểu áp dụng Bloc state management Thực project - Sau tháng training thực hành, thực tập sinh nắm kiến thực Flutter kiến thức liên quan Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực phần project với Flutter GVHD: Trần Anh Dũng Dương Trung Nguyên Lịch làm việc Tuần Công việc - - - - - Tìm hiểu cơng ty, cách tổ chức công ty Làm quen với công cụ làm việc công ty Học cách trao đổi, làm việc qua email, Slack, Trello Đọc workflow, process flow phần mềm Tìm hiểu ngơn ngữ lập trình Flutter Thực hành Flutter Làm demo Flutter Tìm hiểu UI Layout Widget Flutter Thực hành số layout Tìm hiểu sử dụng Git Tìm hiểu API package Dio Thực hành Tìm hiểu Bloc state management flutter GVHD: Trần Anh Dũng Mức độ Người hướng dẫn hoàn thành Anh Khoa Tốt Anh Khoa Tốt Anh Khoa Tốt Anh Khoa Tốt Anh Khoa Tốt Nhận xét người hướng dẫn Dương Trung Nguyên 6 Code layout hình authentication - Code layout hình nhắn tin - Code layout hình tìm kiếm - Code layout hinh đặt lịch - Code hình thông tin chi tiết lịch hẹn - Báo cáo cuối đợt thực tập GVHD: Trần Anh Dũng Anh Khoa Tốt Anh Khoa Tốt Anh Khoa Tốt Dương Trung Nguyên Chương 3: Chi tiết project Giới thiệu ứng dụng Clinic Appointment - Clinic Appointment ứng dụng đáp ứng đầy đủ nhu cầu người dùng muốn tìm kiếm thơng tin gặp mặt bác sĩ thông qua chức đặt lịch, trị chuyện, 1.1 Tính chính: - Xem bác sĩ có - Xem thơng tin bác sĩ - Đặt lịch khám bệnh - Trò chuyện, gặp mặt bác sĩ trực tuyến 1.2 Màn hình: - Màn hình đăng nhập, đăng ký: GVHD: Trần Anh Dũng Dương Trung Nguyên - Màn hình quên mật khẩu, nhập otp: GVHD: Trần Anh Dũng Dương Trung Nguyên - Màn hình home, danh sách bác sĩ: GVHD: Trần Anh Dũng Dương Trung Nguyên 10 - Màn hình tìm kiếm: GVHD: Trần Anh Dũng Dương Trung Nguyên 11 - Màn hình thông tin bác sĩ, đặt lịch: GVHD: Trần Anh Dũng Dương Trung Nguyên 12 - Màn hình lịch hẹn: GVHD: Trần Anh Dũng Dương Trung Nguyên 13 - Màn hình trò chuyện: GVHD: Trần Anh Dũng Dương Trung Nguyên 14 - Màn hình thơng tin cá nhân: GVHD: Trần Anh Dũng Dương Trung Nguyên 15 Thực - Sự giúp đỡ tận tình leader thành viên nhóm thực project - Làm việc nhóm gồm thành viên phương pháp trao đổi trực tiếp online qua Google meet - Quản lý source code GitLab - Quản lý công việc tiến độ Trello Kết - Kết công việc: - Đã hoàn thiện task giao theo tiến độ thời gian yêu cầu - Ứng dụng có giao diện trực quan, dễ dàng thực thao tác - Code layout tối ưu để app tốn tài nguyên sử dụng - Kết thu sau trình thực tập: - Kiến thức kinh nghiệm lập trình Flutter, cụ thể quy tắc để viết code tối ưu giao diện tăng performent, sử dụng Bloc State Management để quản lý trạng thái ứng dụng - Kỹ giao tiếp, làm việc nhóm, kỹ chịu áp lực môi trường doanh nghiệp GVHD: Trần Anh Dũng Dương Trung Nguyên 16 TỔNG KẾT Tùy trình thực tập ngắn ngủi, Ecomx em học, tiếp thu luyện tập nhiều kiến thức bổ ích, làm bàn đạp cho đường lập trình ứng dụng Được tham gia vào nhiều dự án công ty, nhờ mà kiến thức học tập sống mở rộng nhiều, tích lũy nhiều kinh nghiệm cho tương lai sau Chân thành cảm ơn giúp đỡ anh chị công ty hỗ trợ em hoàn thành tốt nhiệm vụ giao quãng thời gian thực tập công ty GVHD: Trần Anh Dũng Dương Trung Nguyên