BÁO cáo THỰC tập xây DỰNG dự án WEB APP

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 XÂY DỰNG DỰ ÁN WEB APP Công ty thực tập : GEEK UP TECHNOLOGY JSC Người phụ trách : Nguyễn Minh Trung Thực tập sinh : Đồn Cơng Minh Mã số sinh viên : 18521092 TP Hồ Chí Minh, tháng 12 năm 2021 Page |2 LỜI MỞ ĐẦU Ngày nay, ngành công nghiệp phát triển ứng dụng điện thoại wb phận thiếu ngành công nghiệp phần mềm Với tốc độ phát triển vô mạnh mẽ, ngành phát triển ứng dụng điện thoại nhân tố kích thích phát triển cơng nghệ thông tin giới, phần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển ứng dụng điện thoại non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu xây dựng ứng dụng điện thoại giới Bên cạnh phát triển ứng dụng di động ngành nghề tiếp cận người dùng cách nhanh chóng ta thấy mạng xã hội hay app bán hàng trực tuyến thịnh hành giới lẫn Việt Nam Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tìm hiểu, bổ sung kiến thức môi trường chuyên nghiệp, em có dự định thực tập học kì Vì vậy, em định chọn GEEK UP TECHNOLOGY JSC nơi giúp em thực dự định LƯU Ý: Dự án sử dụng quyền pháp lý công ty cổ phần cơng nghệ GEEK Up Để đảm bảo tính bảo mật quyền lợi cho phía cơng ty tài liệu viết quy trình, cơng nghệ mà cá nhân trải nghiệm trình thực tập Tài liệu không chia sẻ kỹ sản phẩm nên mong thơng cảm Thực tập sinh: Đồn Công Minh Page |3 LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty cổ phần công nghệ GEEK Up 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 nhóm trainer, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm dự thực tế Chân thành cảm ơn anh chị nhóm trainer 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 anh Trung giúp hỗ trợ team xử lý vấn đề workflow Cảm ơn anh Hiếu tận tình giúp đỡ nhóm backend hồn thành dự án Cảm ơn anh Nghĩa hỗ trợ chấn chỉnh dự án hướng Cảm ơn chị Uyên PD giúp đỡ tụi em việc xây dựng giao diện hiệu người dùng Cảm ơn anh Thịnh hỗ trợ tụi em nhiều cách làm việc, xử lý vấn đề công việc Cảm ơn chị Uyên giúp đỡ team hiểu nhiều GU cách làm việc hiệu Cảm ơn tất người GU giúp team phát triển nhiều kĩ trình làm việc để làm sản phẩm thời gian qua 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 Đoàn Cơng Minh TpHCM, 20/12/2021 Thực tập sinh: Đồn Cơng Minh Page |4 NHẬN XÉT CỦA KHOA Thực tập sinh: Đồn Cơng Minh Page |5 MỤC LỤC Lời mở đầu .2 Lời cảm ơn Nhận xét 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 cổ phần công nghệ GEEK Up Sản phẩm công ty Tổ chức công ty .8 Hình ảnh hoạt động cơng ty 10 Chương 2: Nội dung thực tập 11 Tìm hiểu công ty kỹ cơng ty 11 Tìm hiểu dự án 12 Thực project 13 Lịch làm việc 144 Chương 3: Chi tiết project 15 Giới thiệu dự án 15 Giới thiệu team phát triển 15 Giới thiệu công nghệ sử dụng 16 3.1 Công nghệ sử dụng dự án 16 3.2 Cơng nghệ cá nhân tìm hiểu sử dụng dự án 16 Phạm vi dự án 21 Kết đạt project 21 Chương 4: Kết đạt trình thực tập GEEK Up 21 Chương 5: Các hình ảnh thực tập công ty 22 Bảng thuật ngữ 27 Thực tập sinh: Đồn Cơng Minh Page |6 Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty cổ phần công nghệ GEEK Up - Tên công ty: Công ty cổ phần công nghệ Geek Up (GEEK UP TECHNOLOGY JSC) - Địa chỉ: o Trụ sở chính: 244/31 Huỳnh Văn Bánh, Phường 11, Quận Phú Nhuận, Thành phố Hồ Chí Minh o Chi nhánh: 27B/9 Nguyễn Đình Chiểu, Phường Đa Kao, Quận 1, Thành phố Hồ Chí Minh - Trang web: www.geekup.vn - Email: hello@geekup.vn - Điện thoại: +84 28 6262 4400 - Slogan: “Insightful development” - Sứ mệnh: Xây dựng sản phẩm phần mềm mang lại nhiều giá trị cho người dùng Thực tập sinh: Đồn Cơng Minh Page |7 Sản phẩm công ty GEEK Up phát triển ứng dụng nhiều tảng khác Là đối tác nhiều tập đoàn lớn nước như: Viettel, Mobifone, FPT, TPBank, … Rất nhiều sản phẩm sử dụng rộng rãi như: ứng dụng ngân hàng TP Bank, Ứng dụng waitrr Singapore nhiều sản phẩm khác Tất sản phẩm xây dụng GEEK Up mức “highest standards” cho dự án phát triển phần mềm Dự án ứng dụng ebank ngân hàng TPBank Thực tập sinh: Đồn Cơng Minh Page |8 Dự án waitrr đối tác Singapore Tổ chức công ty GEEK Up tổ chức công ty theo mô hình flat organization Ở khơng có phân cấp bậc trình làm việc mà người phải thể tính chất quan trọng team phát triển Điều khiến GU khác biệt so với cơng ty thị trường • Squad: thành viên dự án phát triển phần mềm bao gồm đầy đủ chapter để xây dựng nên dự án phần mềm • Chapter: thành viên nhóm có chung chun mơn Cùng hỗ trợ để phát triển • Guild: tập hợp tạo nhóm mà người có chung sở thích ngồi cơng việc Thực tập sinh: Đồn Cơng Minh Page |9 Thực tập sinh: Đồn Cơng Minh P a g e | 10 Hình ảnh hoạt động cơng ty Tổ chức giáng sinh Thực tập sinh: Đồn Cơng Minh P a g e | 13 Thực project Sau xây dựng kế hoạch cho dự án Team dựa kế hoạch phát triển dự án Do team sử dụng scrum trình phát triển phần mềm nên có hoạt động sau: • Hoạt động DailyScrum 15p vào đầu làm việc ngày: mục tiêu để team nắm rõ tiến độ dự án Đánh giá lại việc làm Kế hoạch làm việc cho hơm • Hoạt động review, retro sau iteration: team đánh giá lại công việc sau iteration Đánh giá tiến độ dựa tổng thể dự án Tự đánh giá lại cách làm việc team Xây dựng kế hoạch để củng cố lại team để làm việc hiệu Xây dựng kế hoạch cho iteration • Mỗi milestone bao gồm iteration: Đây buổi để demo với khách hàng để đánh giá lại yêu cầu khách hàng Dựa vào để alige tốt với khách hàng tiến độ dự án • Sau hồn thành project có buổi để đánh giá mức độ hoàn thiện dự án demo dự án trước cơng ty Thực tập sinh: Đồn Cơng Minh P a g e | 14 Lịch làm việc Thời gian làm việc từ 8h đến 11 trưa từ 13h30 tới 5h chiều Từ thứ đến thứ Tuần 10 11 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 - Khởi động dự án - Lên kế hoạch Người hướng dẫn Mức độ hoàn thành Anh Nguyễn Minh Trung 10/10 Anh Nguyễn Minh Trung 10/10 Anh Nguyễn Minh Trung 8/10 - Đánh giá dự án - Chuẩn bị báo cáo trước công ty dự án Anh Nguyễn Minh Trung 8/10 - UAT Testing Anh Nguyễn Minh Trung 9/10 - Tiến hành xây dựng dự án Thực tập sinh: Đồn Cơng Minh P a g e | 15 Chương 3: Chi tiết project Giới thiệu dự án Trong GEEK Up xây dựng hệ thống để nhằm hỗ trợ cho q trình hoạt động phát triển cơng ty Được gọi GUA (GEEK Up architecture) Dự án team product nằm hệ sinh thái GUA (Vì lý bảo mật thơng tin cho GEEK Up nên chia sẻ phạm vi sử dụng project) Giới thiệu team phát triển Team phát triển bao gồm 12 người với nhiệm vụ: - Anh Nhân (CEO GEEK Up): Business Ower dự án - Anh Nghĩa (PA GU): PA dự án - Chị Uyên (PD GU): PD dự án - Anh Trung (Product Frontend): hỗ trợ PF dự án - Anh Hiếu (Product Backend): hỗ trợ PB dự án - Đồn Cơng Minh: PB dự án - Trần Minh Khôi (SE UIT): PB dự án - Vincent Vũ (Năm du học sinh Mỹ): PB Dự án - Trần Huy (Năm hai du học sinh Mỹ): PF dự án - Nguyễn Quốc Huy (Sinh viên năm UIT): PF dự án - Phạm Văn Thi Thông (Sinh viên năm đại học giao thông vận tải): PF dự án - Phan Nhật Duy (Sinh viên năm đại học FPT): PF dự án Thực tập sinh: Đồn Cơng Minh P a g e | 16 Giới thiệu công nghệ sử dụng 3.1 Công nghệ sử dụng dự án bao gồm: - Backend: Sử dụng Nestjs, Postgres DB, docker, docker-compose, gitlab cicd, TypeORM - Frontend: Sử dụng ReactJs, quản lý state dva js, sử dụng umiJs, ant.design - Server: sử dụng AWS ec2, Aws S3 - Quản lý source code: Gitlab - Quản lý tiến độ dự án: “Name”(Ứng dụng quản lý dự án hệ sinh thái GUA) Dự án xây dựng dựa mơ hình hexagon architecture để đảm bảo align tốt với chương trình Một số điểm xây dựng dự án: - Deploy thành công lên server - Sử dụng gitlabcicd deploy testing liên tục - Sử dụng netlify để deloy ứng dụng frontend 3.2 Công nghệ cá nhân tìm hiểu sử dụng dự án Nhiệm vụ thân team backend: team phân cơng nhiệm vụ dev, testing align với chapter khác để hoàn thành dự án Thực tập sinh: Đồn Cơng Minh P a g e | 17 Các nhiệm vụ cụ thể team: Deploy đưa ứng dụng vào staging Xây dựng sử dụng bash cho việc tự động hoá tác vụ Sử dụng netlify để deloy phía frontend Viết script để tự động hố trình xây dựng sản phẩm lên staging Giúp cho trình CICD gitlab diễn thuận lợi Hỗ trợ nhận support từ thành viên team 10 Xây dựng thành công mail server để tương tác người dùng Cụ thể công nghệ sử dụng backend a Next JS NestJS NodeJS framework dùng để phát triển server-side applications hiệu mở rộng NestJS kết hợp OOP (Object Oriented Programming), FP(Functional Programming), FRP(Functional Reactive Programming) NestJS sử dụng TypeScript NestJS chia thành phần chính: • Modules • Controllers • Services Thực tập sinh: Đồn Cơng Minh P a g e | 18 Trong q trình làm việc, nhóm tìm hiểu áp dụng mơ hình hexagon q trình phát triển code: Sơ đồ tương tác thành phần theo mô hình hexagon Các nguyên lý xây dựng theo kiến trúc hexagon • Nguyên lý 1: Tách biệt User-Side, Business Logic Server-Side • Nguyên lý 2: Dependency vào Business Logic • Ngun lý 3: Ranh giới lập với Interface Thực tập sinh: Đồn Cơng Minh P a g e | 19 b Gitlab Nhóm sử dụng gitlab công cụ quản lý source code Triển khai theo mơ hình Thực tập sinh: Đồn Cơng Minh P a g e | 20 Cụ thể rằng: • Nhánh master nhánh q trình xây dựng source code • Nhánh hotfix nhanh fix nhanh lỗi tồn nhánh master giải xung đột • Nhánh feature nhánh xây dựng chức dự án • Nhánh dev nhánh chạy xuyên suốt trình phát triển phần mềm Tại có đóng góp tính năng(merge) từ nhanh feature để hồn thành dự án • Nhánh release nhánh sau kiểm thử tính Xảy trường hợp Nếu nhánh release hoàn thành test hoàn thành phiên đẩy lên nhánh master Trường hợp chưa hoàn thiện đẩy nhánh dev để hoàn thiện lại sản phẩm Ngoài gitlab cịn hỗ trợ cho nhóm hồn thành CICD giúp cho việc xây dựng triển khai liền mạch Thực tập sinh: Đồn Cơng Minh P a g e | 21 Cụ thể là: nhánh release gọi lệnh push (merge từ dev) từ user tiến hành vào task chạy script CICD gitlab Tại diễn trình build testing chức Nếu pass cho phép merge vào release tự động deloy ứng dụng lên amazon ec2 Phạm vi dự án Dự án team product nằm hệ sinh thái GUA Được sử dụng bới team tuyển dụng GEEK Up Kết đạt project Dự án chấp thuận CEO GEEK Up Trong tuần cuối Nhóm kịp thời đưa testing UAT cho đối tượng sử dụng Hiệu dự án đánh giá tốt sau chấp thuận Chương 4: Kết đạt trình thực tập GEEK Up - Đạt top performers tập - Hoàn thành dự án thực tế - Học cách xây dựng product thực tế - Cách sử dụng cơng cụ q trình làm việc - Áp dụng scrum vào môi trường làm việc thực tế - Học nhiều cơng nghệ sử dụng mục đích - Tại GEEK Up học thêm nhiều kĩ mềm thuyết trình, kĩ làm việc - Tiếp thu văn hoá tốt GEEK Up Thực tập sinh: Đồn Cơng Minh P a g e | 22 Chương 5: Các hình ảnh thực tập cơng ty Đạt top performers tập Thực tập sinh: Đồn Cơng Minh P a g e | 23 Team thực tập sinh Thực tập sinh: Đồn Cơng Minh P a g e | 24 Tham gia buổi workshop GEEK Up Thực tập sinh: Đồn Cơng Minh P a g e | 25 Thời gian học hỏi kiến thức quy trình làm việc GEEK Up Thực tập sinh: Đồn Cơng Minh P a g e | 26 Báo cáo kết dự án trước tồn thể cơng ty Thực tập sinh: Đồn Cơng Minh P a g e | 27 Chương 5: TỔNG KẾT Trong tập 11 tuần nhóm với giúp đỡ GEEK Up xây dựng dự án chạy thực tế hệ sinh thái GEEK Up Chân thành cảm ơn tất anh/chị GEEK Up tận tình giúp đỡ để nhóm hoàn thiện dự án Bảng thuật ngữ Viết tắt Mô tả GUA GEEK Up architecture GU GEEK Up Thực tập sinh: Đồn Cơng Minh ... án: • Xây dựng milestone • Xây dựng iteration • Xây dựng sprint • Xây dựng tài liệu quy chuẩn cho dự án Kết : Nắm hiểu rõ dự án để tránh sai hướng Thống quy chuẩn làm việc dự án Thực tập sinh:... dự án Thời gian : ngày Nội dung : - Các bước khởi động cho dự án PA giới thiệu dự án: • Mục tiêu, phạm vi dự án • Các anh chị hỗ trợ mảng dự án - Team thực dự án - Lên kế hoạch cho dự án: • Xây. .. workshop Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Xây dựng ứng dụng web app? ?? nhằm mục đích giúp thực tập sinh đào tạo toàn diện xây dựng sản phầm product thực tế, đồng thời rèn luyện