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

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 DI ĐỘNG VỚI FLUTTER Công ty thực tập : Trường Đại Học Bách Khoa TPHCM – Sau Đại Học Người phụ trách : Đặng Vũ Thị Minh Phương Thực tập sinh : Phan Phước Đính TP Hồ Chí Minh, tháng 12 năm 2021 LỜI MỞ ĐẦU Ngày nay, thiết bị di động với ưu nhỏ gọn tích hợp giới văn phịng giải trí mini trở thành người bạn đồng hành thân thiết hầu hết người, đặc biệt giới trẻ động Với tăng trưởng mạnh mẽ thị trường này, không hãng sản xuất di động mà nhà phân phối doanh nghiệp công nghệ khác chen chân vào đua phát triển ứng dụng mobile để khai thác hết tính thiết bị di động Việt Nam khơng nằm ngồi xu hướng Điều đặt yêu cầu phải có đội ngũ nhân lập trình giỏi đời tiện ích độc đáo thiết thực, đáp ứng địi hỏi ngày cao người dùng Tuy nhiên, toán nhân chất lượng tốt đến chưa có lời đáp Sau năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia xây dựng ứng dụng di động môi trường doanh nghiệp, em định chọn Trường Đại Học Bách Khoa TPHCM – Sau đại học, môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Hiện tại, học viên Cao học Trường Đại Học Bách Khoa TPHCM tra cứu thơng tin điểm thi, thời khóa biểu, đăng ký môn học,… qua trang web Trường Và tiện lợi học viên tra cứu thơng tin qua thiết bị di động phịng trường hợp kết nối mạng máy tính ngồi đường khơng thể sử dụng laptop, máy tính cá nhân Vì đồ án thực tập kỳ em chọn xây dựng ứng dụng di động cho học viên Cao học trường Đại học Bách Khoa TPHCM LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Phòng đào tạo Sau đại học – Trường Đại Học Bách Khoa TPHCM tạo điều kiện cho em có hội thực tập trường Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh chị Phòng Đào Tạo, em làm quen với hệ thống quản lý Trường Đại Học Bách Khoa TPHCM – Sau Đại Học 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ương, training nghiệp vụ, hướng dẫn, giúp đỡ cho 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 thầy Trang – trưởng Phòng Đào Tạo Sau Đại Học tạo điều kiện cho em thực tập trường bối cảnh dịch Covid-19 diễn phức tạp 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 Phước Đính TPHCM, 22/12/2021 NHẬN XÉT CỦA KHOA …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… MỤC LỤC Chương 1: Giới thiệu công ty thực tập Giới thiệu Trường Đại Học Bách Khoa TPHCM – Sau Đại Học…………… .6 Chức năng, nhiệm vụ Phòng Đào Tạo – Sau Đại Học……………………… Chương 2: Nội dung thực tập Tìm hiểu trường tổng quan nơi làm việc……………………………… Nghiên cứu kỹ thuật…………………………………… ……………………… 2.1 Tìm hiểu CSDL Oracle…………………………………………………………9 2.2 Tìm hiểu Flutter…………………………………………………………….10 2.3 Lập trình Flutter……………………………………………………………… 13 Thực Project…………………………………… ……………………… 17 Tìm hiểu hệ thống tại…………………………………………………… 24 Chi tiết thời gian thời gian thực tập…….…………………………………………27 Chương 3: Chi tiết ứng dụng Project 29 Giới thiệu ứng dụng……………………………… .29 Các tính năng…………………………………… ……………………… 29 Đánh giá………………………………………………………………………… 37 Hướng phát triển………………………………………………………………… 39 TỔNG KẾT 40 TÀI LIỆU THAM KHẢO 41 Chương 1: Giới thiêu công ty thực tập Giới thiệu Trường Đại Học Bách Khoa TPHCM – Sau Đại Học - Tổng quan: Trường Đại học Bách khoa – ĐHQG Tp HCM (ĐHBK) trường đại học giảng dạy nghiên cứu hàng đầu Việt Nam, với 24.000 sinh viên đại học, 1600 học viên cao học nghiên giữ vai trò chủ đạo việc bồi dưỡng nhân tài, cung cấp nguồn nhân lực chất lượng cao cho khu vực phía Nam Trường có 11 khoa chuyên môn, sở đào tạo nội thành (268 Lý Thường Kiệt, Phường 14, Quận 10, Tp HCM) sở đào tạo Huyện Dĩ An, Tỉnh Bình Dương - Chiến lược: Chú trọng phát triển đào tạo sau đại học chiến lược phát triển Trường nhằm đào tạo đội ngũ chuyên gia, nhà khoa học đóng vai trị quan trọng vào q trình nghiên cứu phát triển khoa học cơng nghệ, đóng góp tăng trưởng nguồn tài nguyên tri thức - tăng cường tiềm lực phát triển kinh tế xã hội cho đất nước Các chương trình đào tạo sau đại học Trường không ổn định đào tạo chuyên ngành mà đổi nội dung, chương trình, phương pháp đào tạo, đặc biệt theo định hướng gắn kết đào tạo với nghiên cứu khoa học, đa dạng hóa chương trình, phương thức đào tạo - Lĩnh vực hoạt động: Quản lý giáo dục - Địa chỉ: 268 Lý Thường Kiệt, phường 14, quận 10, Thành phố Hồ Chí Minh - Trang web: pgs.hcmut.edu.vn - Email: sdh@hcmut.edu.vn Chức năng, nhiệm vụ Phòng Đào Tạo – Sau Đại Học Chức năng: Triển khai công tác tổ chức, quản lý đào tạo bồi dưỡng SĐH Trường (kể chương trình liên kết đào tạo SĐH với nước ngoài) Nhiệm vụ: Chịu trách nhiệm trước Hiệu trưởng quản lý chất lượng đào tạo SĐH; phối hợp với Khoa quản lý ngành, Khoa chuyên môn, Bộ môn công tác tổ chức quản lý đào tạo SĐH Đối với cơng tác đào tạo SĐH, Phịng ĐTSĐH có nhiệm vụ sau: Phối hợp với Khoa đề xuất phương hướng, kế hoạch phát triển, quy mô đào tạo SĐH (thạc sĩ, tiến sĩ, bồi dưỡng SĐH, ) cho chuyên ngành đào tạo Hỗ trợ khoa xây dựng chương trình đào tạo SĐH Thực nhiệm vụ tuyển sinh bồi dưỡng SĐH; phối hợp với đơn vị liên quan công tác tuyển chọn đào tạo SĐH nước Phối hợp với khoa lập kế hoạch giảng dạy, lập thời khóa biểu; tổ chức giảng dạy, kiểm tra theo dõi tiến độ chất lượng đào tạo lớp SĐH trường Phối hợp với khoa, phòng, ban chức năng, tổ chức quản lý chương trình phối hợp đào tạo SĐH với nước ngoài, đề án, dự án đào tạo SĐH sử dụng ngân sách nhà nước, thơng tin SĐH ngồi nước Chủ trì việc soạn thảo quy chế, quy định học vụ, qui trình liên quan đến đào tạo SĐH trình Hội đồng học vụ SĐH xem xét góp ý Trên sở góp ý Hội đồng học vụ SĐH, Phịng đào tạo SĐH trình Hiệu trưởng quyêt định ban hành quy chế, quy định học vụ, qui trình liên quan đến đào tạo SĐH kịp thời đề xuất vấn đề cần điều chỉnh, bổ sung Phối hợp với phận chức khác Trường theo dõi giám sát việc thực quy chế, quy định, qui trình Tập hợp, thống kê, xử lý lưu trữ thông tin học vụ SĐH Chịu trách nhiệm thống kê xác nhận khối lượng giảng dạy lý thuyết, thực hành thí nghiệm cho bậc SĐH Thực công việc quản lý, bồi dưỡng SĐH: tổ chức đăng ký nhập học, đăng ký môn học; lập danh sách lớp; lập lịch thi học kỳ; quản lý điểm thi, hồ sơ học tập học viên; phối hợp với khoa quản lý ngành xét tư cách học viên nhận đề tài, bảo vệ luận văn thạc sĩ; trình Hiệu trưởng định giao đề tài, phân công phản biện, thành lập Hội đồng bảo vệ luận văn thạc sĩ; lập hồ sơ Hội đồng bảo vệ luận văn thạc sĩ; cấp bảng điểm tích lũy học kỳ, bảng điểm tồn khóa, chứng nhận hồn thành mơn học; trình Hiệu trưởng định tốt nghiệp cao học; lập hồ sơ cấp thạc sĩ; tổ chức cấp phát quản lý văn thạc sĩ trường đào tạo; trình Hiệu trưởng xem xét định trường hợp bảo lưu kết tuyển sinh, chuyển sở đào tạo, chuyển khóa đào tạo, ngừng học, tiếp tục học, gia hạn thời gian học tập, cho thơi học; tham mưu Hiệu trưởng trình Đại học Quốc gia Tp Hồ Chí Minh xem xét định vấn đề học vụ cao học thời hạn đào tạo 10 Thực công việc học vụ nghiên cứu sinh: tổ chức đăng ký nhập học, đăng ký môn học, đăng ký môn đào tạo; trình Hiệu trưởng định cơng nhận cán hướng dẫn đề tài luận án tiến sĩ nghiên cứu sinh, định chuyên đề tiến sĩ; cấp bảng điểm mơn học; chứng nhận hồn thành mơn học; trình Hiệu trưởng định thành lập hội đồng đánh giá chuyên đề tiến sĩ, đánh giá luận án tiến sĩ cấp khoa cấp trường; thực thủ tục liên quan đến phản biện độc lập LATS, tổ chức hội đồng chấm luận án tiến sĩ cấp trường; trình Hiệu trưởng xem xét định việc chuyển sở đào tạo, điều chỉnh, thay đổi tên đề tài luận án tiến sĩ, bổ sung thay đổi cán hướng dẫn, gia hạn học tập, bảo vệ luận án tiến sĩ sau hết thời hạn đào tạo, trả nghiên cứu sinh quan địa phương 11 Tổ chức quản lý lớp chuyển đổi, bổ túc kiến thức ôn tập phục vụ tuyển sinh SĐH 12 Phối hợp với đơn vị đề xuất điều kiện cần thiết cho việc giảng dạy, học tập, nghiên cứu học viên SĐH nghiên cứu sinh 13 Cung cấp thông tin liên quan đến đào tạo SĐH cho Ban Đảm bảo chất lượng để phục vụ công tác đánh giá, đảm bảo chất lượng đào tạo SĐH 14 Đề xuất với Hiệu trưởng sách sử dụng nguồn kinh phí đào tạo SĐH 15 Quản lý hồ sơ gốc danh sách học viên hệ đào tạo SĐH Chương 2: Nội dung thực tập Tìm hiểu trường tổng quan nơi làm việc Thời gian : Tuần Nội dung : Giới thiệu trường, nghiệp vụ tổng quát Được nghe chị Tổ trưởng tổ quản lý đào tạo Sau đại học giới thiệu trường hoạt động thường ngày Phịng Đào Tạo Sau Đại Học Ngồi cịn giới thiệu vị trí khác Phịng, vị trí đảm nhiệm chức khác Kết : Hiểu thêm trường, trình thành lập phát triển; hiểu tổng quan nghiệp vụ Phòng Đào Tạo Sau Đại Học; cuối biết, làm quen với vị trí khác Phịng Nghiên cứu kỹ thuật 2.1 Tìm hiểu Hệ CSDL Oracle Thời gian : tuần Nội dung : Tìm hiểu CSDL Phòng Đào Tạo sử dụng để quản lý hệ thống Trong thời gian này, chị Tổ trưởng hướng dẫn em tìm hiểu CSDL Phịng Đào Tạo Sau Đại Học, bao gồm Table, Procedure,… Trong q trình tìm hiểu, em sử dụng cơng cụ Oracle SQL Developer(phần mềm Oracle phát triển) để thao tác với CSDL Phòng Thực : Thực hành với công cụ Oracle SQL Developer Kết : Làm quen với Oracle, thao tác tìm kiếm, truy xuất liệu từ bảng Khó khăn: Do lần đầu tiếp xúc với Oracle, nên gặp vài trở ngại việc cài đặt Oracle(bị xung đột phiên bản), giao diện Oracle SQL Developer chưa quen sử dụng trước thường sử dụng SQL Server, MySQL,… 10 2.2 Tìm hiểu Flutter Thời gian : tuần Nội dung : Tìm hiểu Flutter – framework Google để viết ứng dụng di động - Tổng quan Flutter Flutter công cụ phát triển phần mềm giao diện người dùng mã nguồn mở Google tạo Nó sử dụng để phát triển ứng dụng đa tảng 27 Oracle Server Phòng(Oracle SQL Developer) - Hệ thống bao gồm: + Website cho người dùng bên ngồi truy cập để theo dõi thơng tin Cao học thông tin khác Trường + Website cho học viên truy cập để theo dõi thông tin học vụ cá nhân + Website cho cán giảng dạy truy cập vào để theo dõi, quản lý thông tin giảng dạy + Website cho cán nhân truy cập vào để theo dõi, quản lý học viên cán giảng dạy + Cơ sở liệu Trường: nơi lưu trữ tất liệu Phòng Đào Tạo Sau Đại Học Nhiệm vụ thực tập sinh - Tìm hiểu mã nguồn hệ thống, đọc hiểu code để hiểu cấu trúc, cách tổ chức hệ thống - Tìm hiểu bảng CSDL - Làm số tác vụ nhập, lọc liệu phục vụ cho công tác quản lý Chi tiết thời gian thực tập 28 Tuần Công việc Người hướng dẫn Tìm hiểu trường, Chị Phương(tổ cách tổ chức trưởng) trường - Làm quen với công cụ làm việc cơng ty - Tìm hiểu Oracle Chị Phương - Tìm hiểu cơng cụ Oracle SQL Developer - Kết nối với CSDL trường, tiến hành truy xuất, tìm kiếm số bảng liệu - Tìm hiểu Flutter - Build Flutter Project đơn giản - 6+7 Xây dựng UI cho - Màn hình đăng nhập - Màn hình xem điểm thi - Màn hình thơng tin cá nhân - Màn hình xem thời khóa biểu Xây dựng UI cho hình cịn lại Viết API Services cho ứng dụng di động -Thiết kế Model -Kết nối API với ứng dụng -Kết hợp quản lý State - Fix lại UI cho tương Anh Kiên(quản trị website Phòng) Chị Phương Thầy Dũng(Phó Mức độ hồn thành Nhận xét người hướng dẫn 29 10 thích với data trưởng phịng Sau - Fix số logic Đại Học) data - Fix lại số API để phù hợp - Test thử ứng dụng - Chuẩn bị viết báo cáo Chị Phương - Tìm hiểu thêm hệ thống website Phòng Chương 3: Chi tiết ứng dụng quản lý học viên Cao học Giới thiệu ứng dụng Ứng dụng viết để giúp bạn học viên Cao Học theo dõi thơng tin học vụ mình, thay phải đăng nhập vào website trường máy tính Ứng dụng chạy hệ điều hành Android, có kết nối mạng Internet Các tính - Học viên đăng nhập hệ thống: 30 - Học viên xem Thời khóa biểu cá nhân: 31 - Học viên xem bảng điểm tích lũy, thơng tin điểm khóa luận, chứng 32 33 - Học viên xem Chương trình đào tạo ngành học: 34 - Học viên Đăng ký môn học(demo): - Học viên xem thơng tin học phí: 35 - Học viên xem Lịch thi cá nhân: 36 - Học viên thêm task, ghi chú(mới): 37 Đánh giá - Của thân: ✓ Ứng dụng có UI dễ nhìn, đơn giản ✓ Các chức tương đối đầy đủ thông tin(đối sánh với website) ✓ App chạy mượt     Cịn chức Chưa xử lý tối ưu loading liệu từ api Chỉ chạy Android Tổ chức code chưa tối ưu 38 - Của thầy Dũng(Phó trưởng Phịng): Chức Chi tiết đánh giá Hướng dự định khắc phục Xem thời khóa biểu cá nhân Cần có chế độ xem theo tuần để biết môn học tuần Thêm dropdownlist để chọn theo tuần Một số môn kết thúc sớm TKB Lấy thêm trường liệu để xử lý xác hơn(tuần bắt đầu, tuần kết thúc,…) Xem thời khóa biểu cá nhân Hiển thị chưa xếp theo thời gian môn học ngày Thêm xử lý sort theo thời gian Xem bảng điểm, số tín tích lũy Thêm chế độ xem Thêm bảng hiển thị điểm môn học theo mục khối kiến thức khối kiến thức để học lọc hiển thị tương viên dễ theo dõi ứng với khối kiến thức số mơn học cần hồn thành theo khối kiến thức(vd Khối kiến thức sở, chuyên ngành,…) Xem chương trình đào tạo Thêm tải file PDF chương trình đào tạo thiết bị Do phải viết API riêng nên chưa biết cách truy xuất hình ảnh, file,… => Sẽ tìm hiểu thêm Hiển thị chung Thêm phần liên hệ Phòng(email, sđt, thông tin liên hệ,…) để học viên dễ liên lạc có thắc mắc Thêm UI phần hiển thị hình thơng tin cá nhân bên tab hình cần thiết 39 Tính thơng báo(chưa có) Thêm tính thơng báo Phịng gửi thơng tin qua email, sđt ứng dụng đồng thời thông báo để học viên khỏi bị miss thơng báo Đã có UI phần thơng báo chưa biết hướng xử lý nghiệp vụ phần gửi thơng báo => Sẽ tìm hiểu thêm chức này, tham khảo bên website xử lý để app xử lý tương tự Hướng phát triển - Khắc phục đánh giá bên - Bổ sung thêm tính để giống với website - Xử lý tối ưu việc loading liệu từ API - Upload lên Play Store,… - Áp dụng thêm design pattern để tối ưu code - Áp dụng thêm State Management để quản lý tốt 40 TỔNG KẾT Trong chưa đầy tháng em học nhiều điều trường Đại Học Bách Khoa TPHCM – Phòng Đào Tạo Sau Đại Học + Biết sơ cách làm việc Phòng Đào Tạo Sau Đại Học; hiểu thêm nghiệp vụ quản lý học viên Cao học + Làm quen với CSDL Oracle, công cụ Oracle SQL Developer thao tác với CSDL Trường + Có thêm kiến thức lập trình di động Flutter; đặc biệt biết xây dựng ứng dụng di động cho doanh nghiệp Mặc dù ứng dụng chưa phát triển tối ưu đưa đến người dùng cuối, ứng dụng đạt phần lớn mục tiêu đề ban đầu Ngồi q trình xây dựng, em làm quen với số kỹ thuật để xử lý liệu Flutter(đặc biệt State Management) + Tự viết Services App để kết nối lấy liệu từ Server riêng Trường Mặc dù cách tổ chức Services chưa tối ưu, lấy liệu thành cơng + Nâng cao kỹ tìm tịi, học hỏi: Do Oracle hệ quản trị CSDL mới, chưa làm nên địi hỏi phải tìm hiểu mạng nhiều; phần nhờ chị Phương(tổ trưởng) hỗ trợ + Ngoài đề tài thực tập, em làm quen với hệ thống web Phòng Đào Tạo, biết cách tổ chức hệ thống website trường Đại Học lớn Việt Nam Tuy nhiên, có vài điểm yếu em cần khắc phục: + Chưa mạnh dạn, cịn rụt rè Đơi có số thắc mắc ngại hỏi + Chưa chăm chỉ, siêng dẫn đến tiến độ có vài chậm trễ 41 TÀI LIỆU THAM KHẢO Flutter Docs https://docs.flutter.dev/ https://pub.dev/ https://code4func.com/course/cung-hoc-flutter https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/ Oracle Docs https://docs.oracle.com NodeJS API Connecting Oracle Server https://oracle.github.io/node-oracledb/ ... user Các ứng dụng di động phát triển Flutter phân biệt với ứng dụng tạo mã gốc Trên thực tế, ứng dụng Flutter hoạt động tốt tình giao di? ??n người dùng phức tạp - Lý đằng sau điều Flutter không... quen với CSDL Oracle, công cụ Oracle SQL Developer thao tác với CSDL Trường + Có thêm kiến thức lập trình di động Flutter; đặc biệt biết xây dựng ứng dụng di động cho doanh nghiệp Mặc dù ứng dụng. .. dự đoán hiệu suất cao khởi động nhanh thiết bị di động web ✓ Di động Dart biên dịch thành mã ARM x86, để ứng dụng di động Dart chạy tự nhiên iOS, Android Đối với ứng dụng web, chuyển mã từ Dart