Lập Trình Ứng Dụng Aireview Với Flutter.pdf

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 AIREVIEW VỚI FLUTTER Công ty thực tập CÔNG TY TNHH PHẦN MỀM HOÀN CẦU GSOFT Người phụ trách PHẠM TRI THỨC[.]

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 AIREVIEW VỚI FLUTTER Cơng ty thực tập : CƠNG TY TNHH PHẦN MỀM HOÀN CẦU GSOFT Người phụ trách : PHẠM TRI THỨC Thực tập sinh : LÊ NGUYỄN MINH KHOA TP Hồ Chí Minh, tháng năm 2022 LỜI MỞ ĐẦU Lập trình viên, cơng việc khơng xa lạ thời đại công nghệ phát triển mà cần nhiều nguồn nhân lực Với vị trí web, app, front end, backend nhiều ngôn ngữ khác tạo nên nhiều vị trí đa dạng việc trở thành lập trình viên Việt Nam nằm top đầu nước có độ phủ Internet rộng nhất, điện thoại thông minh dần trở thành phần quan trọng thiếu sống ngày Với tốc độ phát triển thiết bị di động, tốc độ phát triển ngành lập trình ứng dụng di động tăng trưởng nhanh chóng Đây mơi trường béo bở để lĩnh vực IT khai thác tiềm để đáp ứng nhu cầu sử dụng người dùng Là sinh viên thuộc khoa Công nghệ phần mềm, em muốn tiếp xúc với tất loại, cách, hướng việc phát triển phần mềm di động, đồng thời cảm thấy mục tiêu giá trị GSOFT phù hợp với định hướng thân, nên em định chọn GSOFT nơi bắt đầu thực tập, tìm kiếm thêm kiến thức kinh nghiệm thực tế đầu đời cho thân 2|Page LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Cơng ty TNHH Phần Mềm Hồn Cầu GSOFT tạo điều kiện cho em có hội thực tập, làm việc công ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh trainer, em tiếp thu kiến thức quan trọng để xây dựng ứng dụng AIReview Xin chân thành cảm ơn anh 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 anh Phạm Tri Thức hướng dẫn, giúp đỡ 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, dẫn em cách làm báo cáo, lên kế hoạch, kỹ thiếu 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 Lê Nguyễn Minh Khoa - 19521693 TPHCM, ngày 10 tháng năm 2022 3|Page NHẬN XÉT CỦA KHOA 4|Page Contents Chương 1: GIỚI THIỆU CÔNG TY THỰC TẬP 1.1Giới thiệu cơng ty TNHH Phần Mềm Hồn Cầu GSOFT 1.2Sản phẩm công ty Chương 2: NỘI DUNG THỰC TẬP 2.1Tìm hiểu cơng ty kỹ công ty 2.2Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc công nghệ sử dụng 2.2.2 Tìm hiểu ASP.NET, Flutter, quy tắc quản lý code công ty 2.2.3 Tham gia vào project AIReview 10 2.3Thực project 10 2.4Lịch làm việc 11 Chương 3: Chi tiết phần mềm AIReview 13 3.1Sơ lược AIReview: 13 3.2Một số hình giao diện minh họa: 13 3.2.1 Màn hình giao diện trang chủ 14 3.2.2 Màn hình giao diện kết tìm kiếm .15 3.2.3 Màn hình giao diện thơng tin sản phẩm 17 3.2.4 Màn hình giao diện menu dashboard 19 3.2.5 Màn hình giao diện dashboard .20 Chương 4: TỔNG KẾT 23 5|Page Chương 1: GIỚI THIỆU CÔNG TY THỰC TẬP 1.1 Giới thiệu cơng ty TNHH Phần Mềm Hồn Cầu GSOFT GSOFT công ty phần mềm hướng công nghệ, thầy Phan Trung Hiếu người đứng đầu công ty, thầy với người có tâm huyết, có lực kinh nghiệm chuyên môn cao với mong muốn hình thành phát triển cơng ty phần mềm hàng đầu Việt Nam vươn tầm giới GSOFT cung cấp giải pháp phần mềm quản lý cho doanh nghiệp tập đồn, tổng cơng ty, ngân hàng, trường đại học, bệnh viện, giải pháp kết nối cộng đồng tảng internet, hệ thống website dịch vụ liên quan đến website, hệ thống lĩnh vực thương mại điện tử phủ điện tử GSOFT ln tập trung nghiên cứu ứng dụng tinh hoa công nghệ vào thực tiễn đời sống nhằm mục đích nâng cao chất lượng sống cộng đồng 6|Page 1.2 Sản phẩm công ty Một số phần mềm tiêu biểu gAMSPro: Là phần mềm giúp doanh nghiệp quản lý đầu tư mua sắm quản lý tài sản hiệu quả.Hệ thống phần mềm quản trị đầu tư mua sắm quản lý tài sản phục vụ cho việc quản lý tồn tài sản cố định cơng cụ lao động vật tư tổ chức từ khâu lập kế hoạch mua sắm, tổ chức thực việc mua sắm đến quản lý cấp phát tài sản sử dụng, theo dõi bảo hành, bảo trì, khấu hao tài sản lý Tài sản quản lý bao gồm tài sản cố định, tài sản cố định đặc thù xe, bất động sản, quản lý công cụ lao động cơng trình xây dựng Hệ thống phần mềm doanh nghiệp lớn lựa chọn giúp chuyển từ bị động sang chủ động, tối ưu hóa quy trình, suất, hỗ trợ định cho hoạt động liên quan đến quản trị đầu tư mua sắm quản lý tài sản 7|Page Ngoài cơng ty TNHH Phần Mềm Hồn Cầu GSOFT cịn có gEduBanking, gCoreBanking, gLOS, gBMS, gEclinic, gFMS hợp tác phát triển phần mềm theo yêu cầu khách hàng 8|Page 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 Flutter” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện Framework Flutter, ngôn ngữ Dart, cách để quản lý trạng thái(state management),… đồng thời rèn luyện kỹ mềm làm việc nhóm, thảo luận, 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 nổ, trẻ trung, sáng tạo 2.1 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 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 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 cung cấp email cá nhân hướng dẫn sử email công việc… Kết : Hiểu thêm công ty TNHH Phần Mềm Hồn Cầu GSOFT 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 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc công nghệ sử dụng Thời gian : ngày Nội dung : Tìm hiểu cơng cụ sử dụng q trình làm việc Trong thời gian này, em tìm hiểu cơng cụ giúp ích cho công việc sau Một số phần mềm số Microsoft Azure,Azure DevOps, Git – cơng cụ quản lý source code trực quan với nhiều tính năng; Visual Studio Code, Visual Studio, PostMan,CosmosDB, IIS, Thực hiện: • Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE 2.2.2 Tìm hiểu ASP.NET, Flutter, quy tắc quản lý code công ty Thời gian: tuần Nội dung : Tìm hiểu Asp.net core để hỗ trợ team back-end viết API cịn thiếu • • • • • Tìm hiểu kĩ Flutter để chọn thư viện phù hợp cho project Ôn lại kiến thức Flutter Ôn tập lại cách sử dụng thành phần Flutter package uuid, widget Flutter,… Tiếp cận sử dụng thành thạo Provider phương thức quản lý state Flutter Tìm hiểu cấu trúc Project 9|Page • • Set up base project cho phần mềm AIReview Tìm hiểu quy tắc quản lý source code công ty Thực hiện: • • • Tham gia tìm hiểu ASP.net, tìm hiểu sâu flutter cấu trúc Project Setup base Project cho phần mềm AiReview Báo cáo đầy đủ tiến trình cho người quản lý Kết : Hiểu ASP.NET, nắm yêu cầu setup base project AIReview.Up project lên git công ty.Báo cáo tiến độ cho anh Thức người quản lý 2.2.3 Tham gia vào project AIReview Thời gian: tuần Nội dung : Tham gia xây dựng project AIReview • Định nghĩa Flutter : Flutter UI framework ngôn ngữ Dart, ngôn ngữ kế thừa tinh hoa từ ngôn ngữ hướng đối tượng Java, C#,… Flutter dựa Dart để tạo nên ứng dụng đa tảng (Cross-platform) cho người dùng Android IOS thay phải xây dựng riêng biệt Android Native cho Android, Swift cho IOS (Native app) • Sơ lược AIReview: AIReview ứng dụng đánh giá điện thoại, sử dụng AI để đánh giá khía cạnh điện thoại dựa nhận định người dùng điện thoại • Xây dựng project: Setup base project,cấu trúc cho project sử dụng thư viện cần thiết cho project (provider,dio,share_references…) • Xây dựng giao diện Flutter: Khởi tạo phần giao diện theo mẫu thiết kế designer cơng ty thực • • • Tham gia xây dựng back-end (API) cho project ASP.NET tìm hiểu Tham gia Project Owner team UI/UX để phát triển giao diện project Tìm hiểu xây dựng cácchức phát sinh trình xây dựng ứng dụng Thực : • • Tham gia đầy đủ buổi thực tập Tạo ứng dụng AIReview phiên đầu Kết quả: • Thành cơng việc xây dựng ứng dụng AIReview với chức đề 2.3 Thực project Sau gần tháng training thực hành, thực tập sinh nắm kiến thức Flutter, Dart, provider ASP.NET Trong khoảng thời gian lại, thực tập sinh áp dụng kiến thức học để thực project AIReview Chi tiết kế hoạch thực project bên 10 | P a g e 2.4 Lịch làm việc Tuần Công việc Người hướng dẫn Mức độ hồn thành Tìm hiểu công ty, cách tổ chức công ty Anh Phạm Tri Thức 100% Đạt Anh Phạm Tri Thức 100% Đạt Anh Phạm Tri Thức 100% Đạt Anh Phạm Tri Thức 100% Đạt Hỗ trợ thành viên vào Anh Phạm Tri Thức team 100% Đạt Anh Phạm Tri Thức 100% Đạt Tham gia vào team backend để viết API Anh Phạm Tri Thức 100% Đạt Tham gia team backend để hỗ trợ viết API Anh Phạm Tri Thức 100% Đạt Anh Phạm Tri Thức 100% Đạt Nhận xét người hướng dẫn 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 Tìm hiểu ASP.NET Tìm hiểu Flutter Xây dựng base project Cài đặt thư viện cần thiết Xây dựng UI bản: Màn hình Login Xây dựng UI bản: Màn hình hình két tìm kiếm Xây dựng UI bản: hình thơng tin sản phẩm Tiếp tục xây hỗ trợ thành viên Xây dựng giao diện dashboard Gắn logic,gọi API cho hình Login Tham gia team backend để hỗ trợ viết API (kiểu liệu DB bị lỗi) 11 | P a g e Gắn logic,gọi API cho hình Login (setup router) Anh Phạm Tri Thức 100% Đạt 10 Tham gia team backend để hỗ trợ viết API (tối ưu API để flutter gọi) 11 Gắn logic,gọi API cho hình tìm kiếm Anh Phạm Tri Thức 100% Đạt Anh Phạm Tri Thức 100% Đạt 12 Gắn logic,gọi API cho hình thơng tin sản phẩm (xử lý database paginator) Anh Phạm Tri Thức 100% Đạt 13 Gắn logic,gọi API cho hình thơng tin sản phẩm 14 Gắn logic,gọi API cho hình dashboard Anh Phạm Tri Thức 100% Đạt Viết document bàn giao project Anh Phạm Tri Thức 100% Đạt 15 Báo cáo thực tập 12 | P a g e Chương 3: Chi tiết phần mềm AIReview 3.1 Sơ lược AIReview: AIReview ứng dụng đánh giá điện thoại, sử dụng AI để đánh giá khía cạnh điện thoại dựa nhận định người dùng điện thoại 3.2 Một số hình giao diện minh họa: 1.1.1 Màn hình giao diện đăng nhập Chức năng: Là hình cho phép người dùng đăng nhập vào hệ thống, giúp bảo mật lưu thông tin người dùng Hình 1: Giao diện đăng nhập Mơ tả: • • • • Nhập email số điện thoại Nhập mật Chọn checkbox để lưu thông tin đăng nhập Chọn đăng nhập chuyển sang hình trang chủ 13 | P a g e 3.2.1 Màn hình giao diện trang chủ Chức năng: Màn hình ứng dụng cho phép chuyển đến hình khác Hiển thị thông tin giới thiệu ứng dụng Mô tả: • • • • • Chuyển sang hình đăng nhập Chuyển sang hình menu dashboard Nhập tên sản phẩm để tìm kiếm sản phẩm Hiển thị thơng tin giới thiệu ứng dụng thông tin liên hệ Hiển thị gợi ý kết tìm kiếm sản phẩm Hình 2: Giao diện trang ch ủ Hình 3: Giao diện trang ch ủ 14 | P a g e 3.2.2 Màn hình giao diện kết tìm kiếm Chức năng: Hiển thị kết sản phẩn có liên quan đến thơng tin tìm kiếm Hình 5: Giao diện kết tìm kiếm Hình 64: Giao diện kết tìm kiếm Hình 4: Giao diện kết tìm kiếm Mơ tả: • • • Lọc sản phẩm theo tính Tìm kiếm sản phẩm Hiển thị danh sách thông tin sản phẩm , chọn vào để xem chi tiết sản phẩm 15 | P a g e • • • • • • Hiển thị số lượng kết timg kiếm So sánh với sản phẩm khác Phân trang hiển thị danh sách sản phẩm Hiển thị danh sách sản phẩm gợi ý Hiển thị danh sách tính chọn vào checkbox để lọc Chọn để lọc kết 16 | P a g e 3.2.3 Màn hình giao diện thông tin sản phẩm Chức năng: Hiển thị thông tin chi tiết sản phẩm nội dung đánh giá sản phẩm Hình 5: Giao diện thơng tin s ản phẩm Mơ tả : • • • • • • • • Tìm kiếm sản phẩm Hiển thị hình ảnh sản phẩm Hiển thị số lượng hình ảnh Hiển thị tên sản phẩm Hiển thị điểm đánh giá sản phẩm Hiển thị mức độ cảm xúc người dùng với sản phẩm Hiển thị giá sản phẩm Hiện thị nơi bán sản phẩm 17 | P a g e • • • • • • • • • • • • Hiển thị thang điểm mức độ hài lịng theo tính Chọn để so sánh với sản phẩm khác Chọn để xem đánh giá sản phẩm Chọn để xem cấu hình sản phẩm Biểu đồ thể lượt đánh giá sản phẩm Lọc bình luận theo trạng thái bình luận (Tốt, Khơng tốt, Bình thường) Sắp xếp bình luận theo ngày Hiển thị danh sách nội dung bình luận Phân trang hiển thị nội dung bình luận Hiển thị danh sách thơng tin tính sản phẩm Chọn để chuyển đến trang bán sản phẩm Hiển thị thông tin mơ tả sản phẩm Hình 6: Giao diện thơng tin sản phẩm Hình 7: Giao diện thơng tin sản phẩm Hình 8: Giao diện thơng tin sản phẩm 18 | P a g e 3.2.4 Màn hình giao diện menu dashboard Chức năng: Hiển thị danh sách chức Hình 9: Giao diện menu dashboard Mơ tả : • • • • • • • Chuyển đến giao diện trang chủ Chuyển đến giao diện dashboard Chuyển đến giao diện quản lý Chuyển đến giao diện đổi mật Chuyển đến giao diện cài đặt tài khoản Đăng xuất tài khoản khỏi ứng dụng Trở giao diện trước 19 | P a g e 3.2.5 Màn hình giao diện dashboard Chức năng: Hiển thị thơng tin thống kê ứng dụng Hình 10: Giao diện dashboard Mơ tả: • • • • • • Tìm kiếm sản phẩm Chuyển đến giao diện menu dashboard Hiển thị tổng số bình luận Hiện thị phần trăm bình luận tích cực Hiện thị phần trăm bình luận tiêu cực Hiển thị phần trăm bình luận khác 20 | P a g e • • • • • • • • • Hiển thị danh sách sản phẩm Hiển thị thống kê đánh giá theo tính Lọc theo tính Cập nhật thơng tin lọc Biểu đồ thể thông tin đánh giá Hiển thị thống kê số lượng bình luận Chọn hiển thị lọc tính theo Ngày, Tuần, Tháng Cập nhật thông tin hiển thị Biểu đồ thể thống kê số lượng bình luận 21 | P a g e Tài liệu tham khảo [1]ASP.NET : https://docs.aspnetzero.com/en/aspnet-core-angular/latest/ [2]Flutter: https://flutter.dev/ [3]Thư viện flutter:https://pub.dev/ [4] Restful API:https://topdev.vn/blog/restful-api-la-gi/ 22 | P a g e Chương 4: TỔNG KẾT Như sau 15 tuần làm việc cơng ty TNHH Phần Mềm Hồn Cầu GSOFT Em hoàn thành nhiệm vụ giao dự án Trong trình thực hiện, em thu lại nhiều học quý giá trình phát triển phần mềm, kỹ làm việc Những kiến thức bổ trợ cho em nhiều đường tương lai sau Chân thành cảm ơn giúp đỡ anh chị công ty TNHH Phần Mềm Hồn Cầu GSOFT giúp đỡ để em hồn thành khóa thực tập ,đặc biệt giúp đỡ tận tình anh Phạm Tri Thức Cảm ơn thầy cô khoa CNPM giúp em hoàn thành báo cáo 23 | P a g e ... dựng cácchức phát sinh trình xây dựng ứng dụng Thực : • • Tham gia đầy đủ buổi thực tập Tạo ứng dụng AIReview phiên đầu Kết quả: • Thành công việc xây dựng ứng dụng AIReview với chức đề 2.3 Thực... PostMan,CosmosDB, IIS, Thực hiện: • Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE 2.2.2 Tìm hiểu ASP.NET, Flutter,... di động, tốc độ phát triển ngành lập trình ứng dụng di động tăng trưởng nhanh chóng Đây mơi trường béo bở để lĩnh vực IT khai thác tiềm để đáp ứng nhu cầu sử dụng người dùng Là sinh viên thuộc