Báo cáo thực tập project management portal

TTDN 19521396 NguyenQuocDung SE501 N11 docx TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP Project Management Portal Công ty thực tậ[.]

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH KHOA CƠNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP Project Management Portal Công ty thực tập : Amanotes Người phụ trách : Vũ Quốc Tấn Thực tập sinh : Nguyễn Quốc Dũng TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, Internet coi kênh truyền thơng tối ưu tiết kiệm chi phí doanh nghiệp Nó giúp doanh nghiệp dễ dàng tiếp cận cung cấp thông tin cho khách hàng mục tiêu, đồng thời tiến hành giao dịch cách thuận tiện, an tồn Các ứng dụng web giải pháp hoàn hảo để đáp ứng nhu cầu doanh nghiệp Webp app sử dụng đồng thời server-side scripts (ASP PHP) nhằm lưu trữ truy xuất liệu, kết hợp với client-side scripts (HTML JavaScript) để hiển thị liệu tới người dùng 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 chun nghiệp, em có dự định thực tập Vì vậy, em định chọn Amanotes - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Amanotes 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 team Architecture Fullstack, em tiếp thu kiến thức quan trọng để làm ứng dụng web Chân thành cảm ơn anh chị bỏ nhiều thời gian,cơng sức để hướng dẫn em hồn thành đợt thực tập Đặc biệt cảm ơn anh Phan Thành Sang (Leader) tạo hội để em tham gia vào team, hướng dẫn, định hướng công việc tạo động lực để em cố gắng ngày Cảm ơn anh Vũ Quốc Tấn (Senior full stack developer) training, hỗ trợ nhiệt tình , giúp em hồn thành công việc giao cách trọn vẹn Cảm ơn anh Nguyễn Nhật Trường (Senior frontend developer ), Trần Đặng Đăng Khoa (Senior full stack developer) chị Phạm Thanh Tú (Product owner), Dương Thị Ngọc Dung (Quality Control) training, 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 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 Tên sinh viên thực Nguyễn Quốc Dũng TpHCM, ngày 29 tháng 12 năm 2022 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 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 Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc 2.2 Tìm hiểu mơ hình web Server - Client 2.3 Tìm hiểu sử dụng Refine 10 2.4 Git-Flow dự án 11 Thực project 12 Lịch làm việc 13 Chương 3: Chi tiết project 16 Giới thiệu project 16 Kế hoạch 18 TÀI LIỆU THAM KHẢO 19 TỔNG KẾT 20 Chương 1: Giới thiệu công ty thực tập Hình 1: Logo Amanotes Giới thiệu cơng ty Amanotes nhà xuất game hoạt động từ năm 2015 Sản phẩm tựa game Magic Tiles 3, đứng bảng xếp hạng chợ ứng dụng trực tuyến đạt 700 triệu lượt tải tính từ năm 2016 CEO tảng startup nảy hai anh Nguyễn Tuấn Cường – sinh viên tốt nghiệp đại học Ngoại thương Hà Nội có thạc sĩ ngành Sáng tạo khởi nghiệp (ĐH Amsterdam, Hà Lan) anh Võ Tuấn Bình - sinh viên tốt nghiệp trường đại học bách khoa Hà Nội “Amanotes” kết hợp chữ “amateur” (nghiệp dư) “notes” (nốt nhạc) Amanotes đội ngũ đồng hành mong muốn, với Amanotes, chơi nhạc tận hưởng trải nghiệm thú vị âm nhạc SỨ MỆNH: Nhiệm vụ Amanotes làm hài lòng người trải nghiệm âm nhạc kỳ diệu MỤC TIÊU DÀI HẠN: Xây dựng hệ sinh thái âm nhạc hoàn chỉnh, tạo ứng dụng tuyệt vời cho cộng đồng yêu nhạc hỗ trợ nhà lập trình độc lập đưa sản phẩm đến đơng đảo người dùng Sản phẩm công ty Magic Tiles là ứng dụng giả lập việc đánh đàn piano đơn giản người chơi chỉ xử lý nốt nhạc Sau chọn nhạc, thuộc nhiều chủ đề khác nhau, trò chơi bắt đầu và từ phía màn hình, các nốt nhạc màu đen sẽ trôi xuống phía cuối cùng với nhạc nền Nhiệm vụ của người chơi là chạm vào các nốt nhạc màu đen, trò chơi kết thúc một nốt nhạc bị lỡ Điểm hấp dẫn nhất của trò chơi là bản nhạc chỉ nghe du dương người chạm vào đúng thời điểm, nếu không sẽ tạo các nhịp bị ngắt quãng hoặc nhấn vội Dĩ nhiên, điểm cao cũng thuộc về các bài nhạc được chạm đúng nhịp 30 triệu lượt tải về sau tháng không phải là cao, cũng không phải là cột mốc có thể dễ dàng đạt được, nhất là dạng trò chơi vậy đã có dấu chân của người khổng lồ trước là Piano Tiles của Cheetah Mobile (Trung Quốc) Ứng dụng này đã có 100 triệu lượt tải chỉ tính riêng nền tảng Android Trước đó, một sản phẩm khác của Amanotes cũng thành công nhờ sau là Tap Tap Reborn Cách chơi đơn giản chỉ người chơi chỉ xử lý nốt nhạc, các bài hát cũng từ các nhóm nhạc “thị trường” Chainsmokers, Twenty One Pilots… Tính đến nay, Tap Tap Reborn có triệu lượt tải về với DAU khoảng 200.000 người và là sản phẩm đem về nguồn doanh thu đứng thứ sau Magic Tiles Một điều khá thú vị, Amanotes tốn rất ít chi phí cho việc quảng cáo các ứng dụng của mình Chương 2: Nội dung thực tập Với vai trò thực tập sinh front end team Full Stack Amanotes, nội dung tập em 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 bạn Hồng (Nhân sự) giới thiệu cơng ty, 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 Amanotes, q 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 Các công cụ làm việc Thời gian: tuần Nội dung : Tìm hiểu cơng cụ sử dụng trình làm việc Trong thời gian này, thực tập sinh giới thiệu hướng dẫn sử dụng số công cụ hỗ trợ trình việc: Visual Studio Code - code editor, Jira – Quản lý tiến độ phần chia công việc, Bitbucket – lưu trữ source code dự án team, Figma – thiết kế giao diện phần mềm, Slack – mạng xã hội giao tiếp thành viên,… Thực : Thực hành sử dụng phần mềm nêu Kết : Có kỹ sử dụng phần mềm trên, có khả phối hợp phần mềm 2.2 Tìm hiểu mơ hình web Server - Client Thời gian : ngày Nội dung : Được training cách thức hoạt động mơ hình web Server - Client Mơ hình web Server – Client: Mơ hình client - server mơ hình giúp máy tính giao tiếp truyền tải liệu cho Client server chất máy tính giao tiếp truyền tải liệu cho Máy tính đóng vai trò máy khách – Client: Với vai trò máy khách, chúng không cung cấp tài nguyên đến máy tính khác mà sử dụng tài nguyên cung cấp từ máy chủ Một client mô hình server cho mơ hình khác, tùy thuộc vào nhu cầu sử dụng người dùng Máy tính đóng vai trị máy chủ – Server: Là máy tính có khả cung cấp tài ngun dịch vụ đến máy khách khác hệ thống mạng Server đóng vai trị hỗ trợ cho hoạt động máy khách client diễn hiệu Và mơ hình client-server rộng rãi nên viết tìm hiểu mơ hình client-server Hình Mơ hình web client - server REST API (còn biết với tên gọi RESTful API) giao diện lập trình ứng dụng (API) tuân thủ ràng buộc quy ước kiến trúc REST được sử dụng việc giao tiếp client server. REST là viết tắt của Representational State Transfer, tạo nhà khoa học máy tính Roy Fielding Hai thành phần REST API : REST (REpresentational State Transfer) một đại diện cho chuyển đổi liệu Trong kiến trúc này client và server hồn tồn độc lập, chúng khơng biết Mỗi request REST API khơng mang theo trạng thái trước (stateless) Như để đôi bên trao đổi state, chúng phải thông qua các resources Các resource phần đại diện cho thay đổi liệu API (Application Programming Interface) giao diện lập trình ứng dụng Giao diện không dành cho người dùng cuối mà dành cho nhà phát triển (developer) Nó “bề mặt”, thấy phần khai báo (tên, tham số, kiểu trả về), đồ lòng body khơng biết “Biết mặt khơng biết lịng” API - Thực hiện: Tham gia đầy đủ buổi training công ty - Kết quả: Hiểu mô hình hoạt động mơ hình web, có kiến thức quan trọng cho việc phát triển web 2.3 Tìm hiểu sử dụng Refine Refine front end framework dựa reactjs, kết hợp với nhiều thư viện đại Giúp cho trình phát triển ứng dụng web nhanh chóng và chất lượng, đặc biệt cho ứng dụng quản lý Hình Refine Sử dụng kết hợp refine với Framework ui Material UI, Ant design, Authentication dự án refine Gọi request đến Server kết hợp với React query 10 Thực : Khởi tạo dự án refine, authentication, thêm xóa sửa liệu database qua API, Kết : Tạo dự án quản lý liệu bản, có kiến thức để chuẩn bị cho dự án Project management Port 2.4 Git-Flow dự án Dự án gồm có nhánh chính: Master develop Hình Git Flow Nhánh master nhánh đươc merge từ develop sau hoàn thành xong version Nhánh develop nhánh thành viện dùng để phát triển phần mềm Git-Flow sau: - Dự án khởi tạo với branch develop master 11 - Để phát triển tính năng, dev check out từ develop branch mà làm việc - Sau hoàn thành pull request lên nhanh develop cần thành viên khác review - Sau tính merge vào develop, tiến hành deploy lên môi trường QC Lúc QC tiến hành test tính năng, với tồn phần mềm - Sau nhiều tính hồn thành đủ cho phát hành phiên mới, nhánh develop merge vào nhánh master deploy lên mơi trường production - Nếu q trình sử dụng production có phát sinh lỗi, team dev tao branch hotfix branch master để fix nhanh chóng Thực project Sau trải qua tuần training em thức được dự án team Fullstack Team Fullstack làm môt subteam team Architecture công ty Amanotes, team gồm có:  ●  Anh Phan Thành Sang (Leader), ●  Anh Vũ Quốc Tấn (Senior) người trực tiếp hướng dẫn em ●  Chị Rosie Phạm (Product owner) ●  Anh Nguyễn Nhật Trường (Senior) ● Anh Trần Đặng Đăng Khoa(Senior) ● Chị Dương Thị Ngọc Dung(Quality control) ● Nguyễn Quốc Dũng( intern) Bắt đầu đọc PMP (Project Management Portal)  Document, tìm hiểu hệ thống, đọc source code, sẵn sàng nhận phân cơng cơng việc Team hoạt động theo mơ hình Scrum, công việc lên kế hoạch thực theo giai đoạn gọi sprint (một sprint = tuần) Mỗi buổi sáng vào lúc 9h30 nhóm có buổi Daily, buổi nhằm giúp cho thành viên biết tiến độ dự án, biết thành viết khác đã, đang, 12 làm Mối thành viên nói việc hơm qua làm, có vấn đề cần hỗ trợ khơng có bị block task khác khơng Sau nói kế hoạch ngày hơm Hàng tuần, 2h – 4h chiều thứ hàng tuần team có buổi sharing section, buổi sharing này, tuần có thành viên chia sẻ kiến thức chủ đề, thảo luận đóng góp ý kiến để hơn, đầy đủ Vào thứ trước bước vào sprint vào buổi chiều, team demo tính đưa sprint với PO, sáu tiến hành lên kế hoạch cho sprint Lịch làm việc Tập trung chủ yếu phần thiết kế giao diện, tính kết nối API cho hầu hết dự án Tuần Công việc Người hướng dẫn Mức độ hồn thành Tìm hiểu quy trình làm Vũ Quốc Tấn việc, cơng cụ hỗ trợ: Atlassian - Jira - Bitbucket 9/10 Tìm hiểu framework Strapi Refine, tạo dự án dựa framework Vũ Quốc Tấn 9/10 Đọc document dự án PMP, Vũ Quốc Tấn bắt đầu dựng layout cho trang homepage (header - footer navigation - main component) Hồn thiện tính Global Search 9/10 Hoàn thiện giao diện, chức Vũ Quốc Tấn phần kết nối API cho trang Integration management 8/10 Nhận xét người hướng dẫn 13 Tiếp tục công việc tuần Vũ Quốc Tấn 8/10 Hồn thiện giao diện & tính Integration Details - Revenue Cat Bao gồm phần lấy liệu, tìm kiếm lọc liệu bảng Vũ Quốc Tấn 9/10 Tiếp tục công việc tuần Vũ Quốc Tấn 9/10 Hồn thiện giao diện & tính cho modal popup trang Integration Details Revenue Cat Vũ Quốc Tấn 9/10 Hỗ trợ QC việc tìm kiếm fix bug để chuẩn bị release UAT Vũ Quốc Tấn 10/10 10 Cải thiện giao diện logic trang Integration details Revenue Cat Vũ Quốc Tấn 8/10 11 Hỗ trợ QC thêm đầu mục menu navigation Vũ Quốc Tấn 9/10 12 Bắt đầu feature mới, làm giao diện tính cho trang metabase Vũ Quốc Tấn 9/10 13 Làm thêm diện tính bookmark cho metabase dashboard Vũ Quốc Tấn 10/10 14 Fix bug refactor code metabase Vũ Quốc Tấn 10/10 15 Phân quyền user trang product, studio Vũ Quốc Tấn 8/10 16 Fix bug check lại chức tương ứng với Vũ Quốc Tấn 8/10 14 role 17 Tham gia planning đọc document cho dự án mới, CCS Vũ Quốc Tấn 8/10 18 Tham gia init frontend cho Vũ Quốc Tấn dự án 8/10 19 Làm giao diện, chức Vũ Quốc Tấn show list application, campaign, creative app 9/10 20 Làm giao diện, chức cho list filter, filter application, filter date time, filter campaign, filter creative, filter operator, Vũ Quốc Tấn 9/10 21 Fix lỗi nhỏ giao diện, tính cho tồn CCS Vũ Quốc Tấn 9/10 22 Làm giao diện step form upload creative, validation input Vũ Quốc Tấn 9/10 23 Làm giao diện modal show trạng thái loading sau upload creative thành công, bao gồm maximize modal miximize modal Vũ Quốc Tấn 9/10 24 Làm thêm tính drag(kéo, di chuyển) miximize modal Vũ Quốc Tấn 9/10 25 Fix bug, xem lại code, refactor feature làm Vũ Quốc Tấn 9/10 26 Học, tìm hiểu docker, cách Vũ Quốc Tấn chạy docker dự án 9/10 15 Chương 3: Chi tiết project Giới thiệu project PMP ( Project Management Portal) hệ thống\giúp quản lý ứng dụng điện thoại phát hành thị trường ( chủ yếu Apple Store, Google Play ) dành cho nhà phát hành Để quản lý ứng dụng thị trường, giúp ứng dụng phát triển hơn, khai thác doanh thu hiệu hơn, nhà phát hành cần phải sử dụng thêm dịch vụ hỗ trợ là: ● Appsflyer: một nền tảng ứng dụng tiếp thị cho phép nhà xuất để theo dõi sau tối ưu hóa việc mua lại người dùng họ Nền tảng có khả phân tích thời gian thực cho phép nhà phát triển có thể xem thơng số như: số lần nhấp chuột, số lượt hiển thị, cài đặt, lượng user vào ứng dụng mua hàng Qua cho nhà phát triển nhìn bao quát dễ dàng phân tích, điều chỉnh chiến lược giai đoạn cho phù hợp đạt mục tiêu sau Hình Appsflyer ● RevenueCat: Là dịch vụ trung gian giúp quản lý các gói đăng kí ứng dụng cách mình, nhanh chóng 16 Hình RevenueCat ● Ironsource: Nền tảng kinh doanh hàng đầu cho phép người tạo nội dung di động phát triển thịnh vượng kinh tế ứng dụng Sứ mệnh giúp nhà phát triển ứng dụng biến ứng dụng họ thành doanh nghiệp mở rộng bền vững, với tảng kinh doanh toàn diện, mạnh mẽ có, IronSource giúp khách hàng tập trung vào họ làm tốt – tạo ứng dụng trải nghiệm người dung tuyệt vời Hình Ironsource Ngồi cịn nhiều dịch vụ như: Applovin MAX, Google Analytics, BigQuery, AWS… Ngồi cịn kết nối với Internal tool như: AmaPassport, Event gateway, Daremi… Thông thương nhà phát hành phải quản lý service riêng việt nhau, phải nhiều bước để thực công việc, nên PMP đời nằm kết nối sử dụng dịch vụ phần mềm 17 Kế hoạch Phần mềm thực với nhóm gồm có PO (Product owner), QC (Quality control) Dev ( Developer) PO: Sẽ đưa yêu cầu, tính phần mềm, đồng thời phác thảo giao diện Team Dev: Dựa yêu cầu phần mềm: ● Phân tích lựa chọn cơng nghệ : Back end sử dụng Strapi, Front end sử dụng Refine kết hợp với Ant design, Database sử dụng postgreSQL, API kết hợp Rest Graphql ● Cài đặt môi trường: Được hỗ trợ team SRE, phần mềm deploy AWS, gồm có mơi trường QC, Dev, UAT, Production ● Thiết kế liệu ● Thực thi dự án QC: Sẽ người kiểm thử tính năng, đảm bảo phần mềm chạy theo yêu cầu PO, không phát sinh lỗi trình sử dụng Quá trình trình phát triển tính nẵng lựa chọn sprint trải qua sprint Kết quả: Phần mềm mắt sau tháng nỗ lực team, công ty công nhận sử dụng ứng dụng thực tế Hình Kết nối service PMP 18 TÀI LIỆU THAM KHẢO ● Amanotes: https://www.amanotes.com/ ● Refine: https://refine.dev/ ● Git Flow: https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow ● Iron Source: https://www.is.com/ ● RevenueCat: https://www.revenuecat.com/ ● Appsflyer: https://www.appsflyer.com/ 19 TỔNG KẾT Như thời gian ngắn ngủi, em học hỏi nhiều kiến thức bổ ích quy trình quản lý phần mềm, kỹ việc làm nhóm, cải thiện kỹ chuyên môn React Được trải nghiệm mơi trường làm việc thực tế đóng góp cho công ty Đây khoảng thời gian ý nghĩa em Chân thành cảm ơn giúp đỡ anh chị team Full Stack Amanotes, truyền đạt kiến thức, hỗ trợ em nhiều Cảm ơn Thầy Huỳnh Văn Tín giúp em hoàn thành báo cáo 20 ... hỗ trợ, tạo điều kiện em làm báo cáo Tên sinh viên thực Nguyễn Quốc Dũng TpHCM, ngày 29 tháng 12 năm 2022 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 công ty Sản... quảng cáo các ứng dụng của mình Chương 2: Nội dung thực tập Với vai trò thực tập sinh front end team Full Stack Amanotes, nội dung tập em Tìm hiểu cơng ty kỹ công ty Thời gian : ngày Nội... docker, cách Vũ Quốc Tấn chạy docker dự án 9/10 15 Chương 3: Chi tiết project Giới thiệu project PMP ( Project Management Portal) hệ thống\giúp quản lý ứng dụng điện thoại phát hành thị trường