BaoCaoThucTap docx 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 COUPLE GAME VỚI FLUTTER Công ty thực tập CUỒNG PHIM Người phụ trách NGUYỄN HOÀI NAM Th[.]
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 COUPLE GAME VỚI FLUTTER Công ty thực tập : CUỒNG PHIM Người phụ trách : NGUYỄN HOÀI NAM Thực tập sinh : TRẦN THÀNH TRUNG TP Hồ Chí Minh, tháng năm 2022 LỜI MỞ ĐẦU Ngày nay, xu lập trình trở nên có sức hút khát nguồn nhân lực Không kể đến web, app, frontend, backend, mà cịn đa dạng ngơn ngữ Cùng với xu phát triển dĩ nhiên người yêu cầu thứ áp dụng cho sống, điển hình ứng dụng điện thoại – tảng mobile, môi trường béo bở để lĩnh vực IT khai thác tiềm năng, đa số người dùng sở hữu hcieecs smartphone với đầy ắp ứng dụng riêng Vậy nên, nhu cầu sử dụng điện thoại tăng cao, đòi hỏi tảng mobile (Android, IOS) phải ln thích ứng, cập nhật, developer liên tục cho sản phẩm đáp ứng nhu cầu người, hướng tới thoả mãn nhóm nhỏ, đại đa số, tuỳ thuộc vào kế hoạch hướng ứng dụng làm Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm việc môi trường chuyên nghiệp, em dự định thực tập hè Và em chọn Cuồng Phim, công ty với sức trẻ động, sáng tạo, giúp em tiến xa lĩnh vực lập trình mobile LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Cuồng Phim 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 lịng nhiệt thành anh chị công ty, em tiếp thu kiến thức quan trọng để làm ứng dụng gọi hồn chỉnh đưa lên cửa hàng IOS Android Chân thành cảm ơn anh chị bỏ nhiều thời gian,công sức để hướng dẫn em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Nguyễn Hoài Nam Lê Thành Trung, giúp đỡ, hướng dẫn, tận tình bảo cho em hướng đi, hướng phát triển, hỗ trợ khó khăn việc làm quen với môi trường Cảm ơn tất người cơng ty xây dựng bầu khơng khí vui vẻ, nồng nhiệt gia đình em thời gian thực tập công ty 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 cho em làm báo cáo Trần Thành Trung - 19522436 TPHCM, ngày 10 tháng năm 2022 NHẬN XÉT CỦA KHOA MỤC LỤC Contents Chương 1: GiỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty Cuồng Phim 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 Nghiên cứu kỹ thuật 2.1 Tìm hiểu State Management Riverpod 2.2 Tạo Demo Rollingdice 2.3 Lập trình CoupleGame 10 Thực project 11 Lịch làm việc 11 Chương 3: CHI TIẾT VỀ PROJECT Giới thiệu game 14 14 1.1 Ý tưởng 14 1.2 Luật chơi 15 Thực 17 Kế hoạch 17 Chương 4: TÀI LIỆU THAM KHẢO 19 Chương 5: TỔNG KẾT 20 Chương 1: GiỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty Cuồng Phim Cuồng Phim công ty thành lập vào đầu tháng năm 2022 này, sở hữu fanpage Facebook đạt 1,9 triệu follower, hoạt động nhiều mảng startup bên lĩnh vực phát triển ứng dụng di động Cuồng Phim có đội ngũ nhân viên với tuổi đời trẻ trung, động, ln tích cực, niềm nở vấn đề Hiện tại, chi nhánh Cuồng Phim Bến Vân Đồn, Quận TPHCM Sản phẩm công ty Cuồng Phim phát triển ứng dụng di động đa tảng, sử dụng framework Flutter để khởi tạo, cấu hình, lập trình đưa sản phẩm lên AppStore CHPlay Cuồng Phim chắn cho bạn trải nghiệm với ý tưởng, ứng dụng hay ho phát hành Các sản phẩm cơng ty kể đến như: ● IVirtual : Lofi & Chill o Vốn định app online nhằm kết nối người bạn, team làm việc nhau, nhân vật chibi dễ thương, số chức khác, công ty định chuyển đổi sang phiên offline, với tính cụ thể : nghe nhạc lofi, whitenoise có sẵn app, hay giúp tập trung vào công việc với Promodo – tự cài thời gian tập trung làm việc(Focus Time) quãng nghỉ(Break Time),… 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 toà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 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 (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ơ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 : Hiểu thêm công ty Cuồng Phim, trình thành lập phát triển 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 Tìm hiểu State Management Riverpod Thời gian : ngày (1,5 tuần) Nội dung : Được học hỏi cách tổ chức project kèm theo training sử dụng Riverpod - Tham gia test app IVirtual - Ô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,… - Học State Management Riverpod Tiếp cận sử dụng thành thạo Riverpod- phương thức quản lý state Flutter - Tìm hiểu cấu trúc Project Thực tập sinh thêm vào dự án trước/hiện có cơng ty để học hỏi cách tổ chức project theo state management architecture quen thuộc MVVM, MVC, … Thực : - Tham gia đầy đủ buổi training công ty - Áp dụng, báo cáo lại kiến thức học Kết : - 2.2 Nâng cao kỹ lập trình với Dart Framework FLutter Có kiến thức quan trọng việc xây dựng ứng dụng Flutter nói riêng ứng dụng di động, web nói chung Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Tạo Demo Rollingdice Thời gian : 10 ngày (2 tuần) Nội dung: Áp dụng kiến thức học để xây dựng demo Rolling Dice – Tung xúc xắc - Khái niệm Riverpod Hiểu rõ khái niệm quản lý state – state management, phương thức quản lý trạng thái nhằm cập nhật/ thống báo thay đổi tới người dùng qua giao diện có thay đổi phần chúng quản lý Sau thấu hiểu cách hoạt động Riverpod - Tìm hiểu Animation Tìm hiểu chuyển động Flutter cách sử dụng với package/widget hỗ trợ cho phù hợp với yêu cầu đưa - MVVM Cách tổ chức project code bên theo mơ hình cố định, nhằm minh bạch phần data, xử lý giao diện cho người dùng Áp dụng vào demo với MVVM kết hợp Riverpod, Riverpod thay lớp ViewModel(VM) MVVM Thực : - Tham gia đầy đủ buổi Thực yêu cầu Demo RollingDice Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : - Hiểu cách Animation hoạt động, hoàn thành yêu cầu RollingDice 2.3 Đã phần giải đáp số thắc mắc Lập trình CoupleGame Nội dung : Lập trình ứng dụng CoupleGame Flutter - Đị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) - Định hướng CoupleGame: Một ứng dụng dành cho cặp đơi u thích trị tung xúc xắc – Dice Sự thật hay thử thách – Truth or Dare, nhằm kéo mối quan hệ lại gần hơn, gắn chặt mối liên kết, tăng tin tưởng, chủ yếu mang tính giải trí hai người với - 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 - Áp dụng Demo Rolling Dice vào ứng dụng CoupleGame Từ kiến thức có cộng kết hợp linh động tìm hiểu mạng trình làm, áp dụng Animation, Rivepod MVVM vào ứng dụng CoupleGame - Tìm hiểu Hive, QonVersion Tìm hiểu, sử dụng Hive để lưu trữ liệu local Tìm hiểu Qonversion để hiểu cách In-App-Purchases hoạt động Thực : - Tham gia đầy đủ buổi thực tập Tạo ứng dụng CoupleGame phiên đầu Kết quả: - Thành công việc xây dựng ứng dụng Couplegame với chức đề 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, Riverpod Animation 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 CoupleGame App đa tảng Chi tiết đồ án nói phần sau Lịch làm việc Tuần Cơng việc Người hướng dẫn 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 - Tham gia test app Ivirtual - Tìm hiểu Riverpod - Tìm hiểu MVVM - Tìm hiểu Animation - Tìm hiểu Riverpod - Xây dựng demo Rolling Dice áp dụng RiverPod, Animation - Hoàn thiện Demo Rolling Dice theo yêu cầu - Tìm hiểu MVVM Giai đoạn Alpha: - Xem thiết kế, xác định thành phần cần thiết project - Bắt đầu xây dựng giao diện, chức Giai đoạn Alpha(tiếp): - Tiếp tục xây dụng giao diện app Anh Nguyễn Hoài Nam, anh Lê Thanh Phong, anh Lê Thành Trung - Mức độ hoàn thành Nhận xét người hướng dẫn Anh Nguyễn Hoài Nam, anh Lê Thành Trung Anh Nguyễn Hoài Nam, anh Lê Thành Trung Anh Nguyễn Hoài Nam, anh Lê Thành Trung Anh Nguyễn Hoài Nam, anh Lê Thành Trung Anh Nguyễn Hoài Nam, anh Lê Thành Trung 10 - Áp dụng Animation Đưa chức làm vào giao diện quay xúc xắc, đếm giờ, animation Giai đoạn Beta: - Hồn thiện chức áp dụng riverpod: truthdare ngẫu nhiên, animation - ÁP dụng lựa chọn level cho Dice & TruthDare - Tìm hiểu Qonversion - Tìm hiểu Hive thử áp dụng cho Demo RollingDice Giai đoạn Beta giai đoạn kết thúc, báo cáo : - Áp dụng Hive cho Couplegame: Setting - Fix bug, fix lỗi hình ảnh, cỡ chữ, nhớ - Báo cáo cuối đợt thực tập Anh Nguyễn Hoài Nam, anh Lê Thành Trung Anh Nguyễn Hoài Nam, anh Lê Thành Trung 11 Chương 3: CHI TIẾT VỀ PROJECT Giới thiệu game Game lấy ý tưởng từ luật chơi Cờ cá ngựa có thay đổi, chỉnh sửa luật để tạo gameplay thú vị phù hợp với việc chơi game di động (Thời gian ngắn, số người chơi ít, thường tự chơi) 1.1 Ý tưởng Mượn ý tưởng từ trò chơi phổ biến giới trẻ tung xúc xắc, Sự thật hay Thử thách, Cuồng Phim xây dựng ứng dụng di động dành cho cặp đôi, nơi mà hai người dành thời gian cho nhau, tham gia thử thách, yêu cầu đưa nhằm tăng tin cậy, tình cảm đối phương với 12 1.2 Luật chơi Mơ tả Lúc vào, có lựa chọn cặp đơi (Straigth, Gay, Lesbian), tuỳ thuộc mà hệ thống ghi nhận danh sách Dice / TruthDare phù hợp với cặp đơi Sau đó, nhập tên hai vào nhấn nút Start để bước vào hình ModesGame – Chọn chế độ chơi Nếu Icon Chế độ chơi có hình ổ khố, đồng nghĩa với việc để chơi phần ấy, bạn phải trả tiền mua hàng Vậy nên click vào Chế độ chơi chưa mở khoá, chuyển đến giao diện mua hàng App Nếu cách phần chơi mở khoá, bấm vào chuyển đến hình Game Dice TruthDare tuỳ theo người dùng chọn - Tóm tắt: Game Dice: Kiểu chơi: Quay xúc xắc hai phần ngẫu nhiên Action Part , sau thực Action với Part đối phương 30s không bị xử thua 13 - Game TruthDare: Kiểu chơi: Chọn ngẫu nhiên hai người, sau cho phép chọn Truth or Dare, dựa trò Sự thật hay thử thách Sau lựa chọn, thực thử thách/trả lời khoảng thời gian định 14 Thực thành viên công ty thực tập sinh: - Anh Nguyễn Hoài Nam – Web, App Manager Anh Lê Thành Trung – Lập trình viên phần Qonversion Anh Thái Văn Nam – Lập trình viên Anh Nguyễn Đức Cường - Designer Trần Thành Trung – Thực tập sinh Kế hoạch Giai đoạn Alpha: - Hoàn thành giao diện : Home Input, GameDice, Game TruthDare Fix cứng Data 15 - Sử dụng Riverpod để làm số chức : Quay xúc xắc, nhập tên, đếm giờ, animation Sử dụng Animation Chưa hỗ trợ phần cấp độ Dice/TruthDare Kết : - Hoàn thiện phần nêu Giai đoạn Beta: - Chỉnh sửa số UI - Thêm Animation vào phần purchase - Hiểu flow làm việc In-App-Purchases - Áp dụng lựa chọn level cho Dice & TruthDare - Thêm liệu cho Dice & TruthDare theo level - Fix số bug phát sinh - Áp dụng Hive cho Setting Kết : Đã hoàn thành toàn tính 16 Chương 4: TÀI LIỆU THAM KHẢO For Riverpod Getting started | Riverpod For Hive Hive Docs (hivedb.dev) For Flutter & Animation,Package Tutorials | Flutter Dart packages (pub.dev) Flutter Gems - A Curated List of Dart & Flutter packages (51) Flutter - YouTube For Qonversion (51) Hướng dẫn chuyển đổi đầy đủ - Kiếm tiền từ sản phẩm kỹ thuật số - YouTube Qonversion | In-App Subscription and Purchase Data Platform for Your App 17 Chương 5: TỔNG KẾT Như vậy, vòng tháng ngắn ngủi, em thành viên công ty hoàn thành đầu app CoupleGame, chưa thực thêm số tính hay giao diện cịn đơi chỗ chưa hợp lý Tuy nhiên, app publish lên AppStore Chplay sau cải thiện nên sớm chu trình làng cho người dùng Chân thành cảm ơn giúp đỡ anh chị thuộc công ty Cuồng Phim tạo điều kiện cho em thực tập học hỏi, làm việc trao đổi, thư giãn người Cảm ơn anh Nguyễn Hoài Nam giúp em hoàn thiện báo cáo 18 ... động Thực : - Tham gia đầy đủ buổi thực tập Tạo ứng dụng CoupleGame phiên đầu Kết quả: - Thành công việc xây dựng ứng dụng Couplegame với chức đề Thực project Sau gần tháng training thực hành, thực. .. cầu RollingDice 2.3 Đã phần giải đáp số thắc mắc Lập trình CoupleGame Nội dung : Lập trình ứng dụng CoupleGame Flutter - Định nghĩa Flutter : Flutter UI framework ngôn ngữ Dart, ngôn ngữ kế thừa... training công ty - Áp dụng, báo cáo lại kiến thức học Kết : - 2.2 Nâng cao kỹ lập trình với Dart Framework FLutter Có kiến thức quan trọng việc xây dựng ứng dụng Flutter nói riêng ứng dụng di động, web