Tài liệu Báo cáo thực tập phát triển ứng dụng web

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 PHÁT TRIỂN ỨNG DỤNG WEB Công ty thực tập: Công ty cổ phần công nghệ PayME Người phụ trách: Trần Khánh Duy Thực tập sinh: Phạm Hoàng Phượng Trinh TP. Hồ Chí Minh, tháng 06 năm 2022 1 LỜI MỞ ĐẦU Tính đến tháng 11 năm 2014, thế giới Internet chứa hơn 680 triệu trang web, và đang ngày càng tăng lên. Các trang web giờ đây là một thành phần quan trọng cho bất kỳ doanh nghiệp nào để có thể cạnh tranh trên thị trường. Các xu hướng phát triển web cũng thay đổi theo từng thời kì đòi hỏi các doanh nghiệp và nhà phát triển luôn phải cập nhật, cải tiến các sản phẩm website của họ. Sau thời gian học tập tại trường, tự nhận thấy bản thân đã có đủ kiến thức và mong muốn có thêm kinh nghiệm làm việc trong thực tế, cũng như mong muốn được tham gia vào phát triển ứng dụng website trong một môi trường chuyên nghiệp, em đã quyết định chọn PayME - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện được dự định này. Trần Khánh Duy Phạm Hoàng Phượng Trinh 2 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ệ PayME đã tạo điều kiện cho em có cơ hội được thực tập tại công ty. Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn tận tình của sếp cùng với tất cả các thành viên team web đã giúp em nhanh chóng tiếp thu được những kiến thức cần thiết đủ điều kiện để tham gia vào phát triển dự án thực tế. Chân thành cảm ơn các anh chị và các bạn trong team Web cũng như tất cả mọi người trong phòng ban Kỹ thuật thông tin đã hỗ trợ em rất nhiều trong công việc và chia sẻ với em những kinh nghiệm làm việc quý báu. Cũng xin cảm ơn các thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này. Phạm Hoàng Phượng Trinh TpHCM, ngày 16 tháng 06 năm 2022 Trần Khánh Duy Phạm Hoàng Phượng Trinh 3 NHẬN XÉT CỦA KHOA .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... .......................................................................................................................................................... Trần Khánh Duy Phạm Hoàng Phượng Trinh 4 MỤC LỤC Chương 1: Giới thiệu công ty thực tập ...................................................................................... 5 Chương 2: Nội dung thực tập ..................................................................................................... 6 1. Tìm hiểu công ty và setup môi trường làm việc .............................................................. 6 2. Nghiên cứu công nghệ........................................................................................................ 6 3. Thực hiện project ............................................................................................................... 7 4. Lịch làm việc....................................................................................................................... 7 Chương 3: Chi tiết về dự án ........................................................................................................ 8 1. Giới thiệu chung về dự án BO .......................................................................................... 8 2. Kế hoạch ............................................................................................................................. 8 TỔNG KẾT .................................................................................................................................. 9 Trần Khánh Duy Phạm Hoàng Phượng Trinh 5 Chương 1: Giới thiệu công ty thực tập 1. Giới thiệu công ty PayME Công ty cổ phẩn công nghệ PayME được thành lập tháng 11 năm 2010, là công ty tiên phong tại Việt Nam trong lĩnh vực phát triển dịch vụ cung cấp nội dung số trên nền tảng điện thoại di động. Ra đời với 10 thành viên sáng lập, sau 5 năm PayME đã có đội ngũ hơn 400 tài năng trẻ nhiệt huyết, cùng xây dựng cho sự phát triển bền vững của công ty. PayME tự hào là một trong những công ty chiếm thị phần lớn nhất về số lượng người dùng lẫn doanh thu trong lĩnh vực phát triển game và các dịch vụ giải trí trên nền tảng di động. 2. Sản phẩm của công ty PayME là nền tảng ví điện tử mở (Open e-wallet) kết hợp thanh toán mạng xã hội (Social Payment), vận hành theo mô hình B2B2C. Các giải pháp của PayME giúp doanh nghiệp và người dùng thực hiện giao dịch thanh toán ngay trên môi trường của nền tảng tương tác, từ ứng dụng mạng xã hội phổ biến như Facebook, Instagram… đến ứng dụng của riêng thương hiệu, từ đó mở ra các cơ hội tăng trưởng. Về chiến lược lâu dài, PayME hướng đến xây dựng PayME Net, một mạng lưới kết nối các nhà cung cấp, dịch vụ tài chính và người tiêu dùng. Công ty kỳ vọng sẽ giúp doanh nghiệp vừa và lớn tạo ra trải nghiệm thanh toán tốt hơn và cơ hội tăng trưởng kinh doanh. Trần Khánh Duy Phạm Hoàng Phượng Trinh 6 Chương 2: Nội dung thực tập Quá trình thực tập giúp thực tập sinh hiểu biết thêm về các công nghệ mới và có thể tham gia vào xây dựng, phát triển một ứng dụng website. 1. Tìm hiểu công ty và setup môi trường làm việc Thời gian : 1 ngày Nội dung : Giới thiệu về công ty, cách tổ chức và quy định của công ty, tự setup máy tính cá nhân được cung cấp. Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và 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ủa công ty . Thực tập sinh được chỉ định vị trí làm việc, được cung cấp email, máy tính bàn, sổ tay và tự setup máy tính cá nhân cho phù hợp với nhu cầu và sở thích của mình. Kết quả : Hiểu thêm về công ty PayME, quá trình thành lập và phát triển. Có thêm các kỹ năng làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn. 2. Nghiên cứu công nghệ 2.1. 2.2. 2.3. Tìm hiểu về ReactJS và các React hooks Thời gian : 2 ngày Nội dung : Tìm hiểu về các khái niệm chính của ReactJS cùng với các hooks mà ReactJS cung cấp. Thực hiện : Thực tập sinh tự đọc tài liệu, tìm hiểu về ReactJS và các React hooks, nhận được sự hỗ trợ từ mentor khi cần thiết. Kết quả : Thực tập sinh nắm được cơ bản về ReactJS và các React hooks. Tìm hiểu cơ bản về NextJS Thời gian : 1 ngày Nội dung : Tìm hiểu về NextJS – một React framework. Thực hiện : Thực tập sinh tự đọc tài liệu, tìm hiểu về framework NextJS và nhận được sự hỗ trợ từ mentor khi cần thiết. Kết quả : Thực tập sinh nắm được cơ bản về framework NextJS. Tìm hiểu về Redux-saga Thời gian : 1 ngày Trần Khánh Duy Phạm Hoàng Phượng Trinh 7 Nội dung : Tìm hiểu về thư viện redux middleware Redux-saga. Thực hiện : Thực tập sinh tự đọc tài liệu, tìm hiểu về Redux-saga và nhận được sự hỗ trợ từ mentor khi cần thiết. Kết quả : Thực tập sinh nắm được về khái niệm, chức năng, cách hoạt động và cách cài đặt Redux-saga. 3. Thực hiện project Sau một tuần tự nghiên cứu tìm hiểu về công nghệ và nhận được sự hướng dẫn từ mentor khi cần thiết, thực tập sinh đã nắm được những kiến thực cơ bản về ReactJS, NextJS và Redux-saga. Kể từ tuần thứ hai, mentor hướng dẫn thực tập sinh tham gia vào dự án. Chi tiết dự án sẽ được nói ở phần sau. 4. Lịch làm việc Tuần Công việc - 1 - Từ tuần 2 Trần Khánh Duy - Người hướng dẫn Tìm hiểu về công ty, cách Bùi Dương Khả Minh tổ chức và quy trình làm Trần Khánh Duy việc của công ty. Setup máy tính cá nhân. Tìm hiểu, nghiên cứu về các công nghệ được sử dụng trong dự án. Tham gia phát triển dự án Trần Khánh Duy BO. Thực hiện xây dựng, cài đặt các tính năng được chỉ định. Mức độ hoàn thành Nhận xét của người hướng dẫn 100% 100% Phạm Hoàng Phượng Trinh 8 Chương 3: Chi tiết về dự án 1. Giới thiệu chung về dự án BO Dự án BO (viết tắt của Business Operation) là website dashboard quản lý tất cả các hoạt động và dự án mà công ty PayME đang triển khai, giúp bộ phận quản lý nắm rõ, đầy đủ, chi tiết các thông tin và điều hành công ty một cách hiệu quả. Dự án BO là một bản nâng cấp của của dự án Insight cũ. BO được xây dựng sẽ có đầy đủ các tính năng mà Insight có nhưng với giao diện đẹp mắt hơn và cách sử dụng đơn giản, dễ thao tác hơn cho phía người dùng, đồng thời sẽ tiến hành cài đặt bổ sung thêm nhiều tính năng mới khác. 2. Kế hoạch Dự án được thực hiện bởi nhiều team khác nhau trong phòng ban Kỹ thuật thông tin, mỗi team chuyên về một mảng khác nhau liên quan đến dự án. Trong đó team Web đảm nhận về phần front-end, tức là cài đặt tất cả các chức năng và giao diện bên phía client. Các tasks của dự án được quản lý chung trên Trello cho tất cả các team tham gia. Các tasks mới hoặc yêu cầu sửa đổi sẽ được bàn bạc trong các cuộc họp định kỳ và phát sinh của phía ban quản lý, sau đó các sếp team sẽ add mô tả task và chỉ định thành viên thực hiện. Do là dự án nội bộ của công ty và liên quan đến nghiệp vụ quản lý, điều hành công ty nên các yêu cầu thêm mới chức năng hoặc chỉnh sửa các chức năng cũ sẽ được cập nhật dần trong quá trình phát triển và sử dụng. Vì vậy, không có thời gian phát triển ước tính cụ thể cho dự án. Trần Khánh Duy Phạm Hoàng Phượng Trinh 9 TỔNG KẾT Như vậy, chỉ trong vòng ba tháng ngắn ngủi, em và toàn thể mọi người trong team Web đã cài đặt được tương đối đầy đủ các tính năng của Dashboard. Các tính năng được xây dựng và kiểm thử kỹ càng, đáp ứng được yêu cầu công việc. Chân thành cảm ơn các thành viên team Web nói riêng và phòng ban Kỹ thuật thông tin nói chung đã giúp em hoàn thành tốt các công việc được giao và góp phần vào sự thành công của dự án. Trần Khánh Duy Phạm Hoàng Phượng Trinh