Báo cáo môn thực tập tốt nghiệp (se501 n21 pmcl)

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP MÔN: THỰC TẬP TỐT NGHIỆP (SE501.N21.PMCL) Giảng viên hướng dẫn: THS HUỲNH HỒ THỊ MỘNG TRINH Họ tên sinh viên: NGUYỄN TRÍ MINH - 19521847 Thành phố Hồ Chí Minh, 07/2023 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 FRONT-END WEB DEVELOPER Công ty thực tập: Công ty TNHH Giải pháp Phần mềm Tường Minh (TMA Solutions) Người phụ trách: Hứa Bảo Kim Ngân Nguyễn Trường Sơn Thực tập sinh: Nguyễn Trí Minh TP Hồ Chí Minh, tháng 07 năm 2023 LỜI MỞ ĐẦU Công nghệ web mang lại nhiều lợi ích quan trọng nhiều năm qua cho sống chúng ta, đến tận ngày - xã hội 4.0 tồn cầu hố cốt lõi sống ngày Thật vậy, công nghệ web cho phép kết nối truy cập thơng tin tồn cầu cách dễ dàng nhanh chóng Nó cịn giúp tạo nhiều điều kiện thuận lợi cho việc kinh doanh giao tiếp, mở nhiều hội việc làm lĩnh vực khác Chính thế, lĩnh vực phát triển web khơng vai trị quan trọng nó, ln phải cập nhật phát triển liên tục Phát triển web bao gồm việc sử dụng kỹ công nghệ để tạo trang web hay ứng dụng web Đặc biệt phát triển front-end web đóng vai trị quan trọng việc xử lý yêu cầu cung cấp trải nghiệm tốt cho người dùng Phát triển front-end web khơng địi hỏi kiến thức HTML, CSS JavaScript mà cịn nhiều cơng nghệ, kiến thức lập trình khác để tạo giao diện đẹp có tính tương tác tốt Nó giúp cải thiện trải nghiệm người dùng, tạo trang web thân thiện, xử lý yêu cầu xác, dễ sử dụng thú vị Ngoài ra, lĩnh vực cung cấp nhiều hội việc làm có tiềm phát triển lớn ngành kỹ thuật phần mềm Chính vậy, em chọn lĩnh vực để học hỏi phát triển thân để trở thành front-end web developer, xa fullstack web developer kiến thức công nghệ tiếp thu kỹ tảng trau dồi cách vững Sau năm tháng môi trường đại học, với mong muốn áp dụng kiến thức học có trải nghiệm môi trường thực tế, em định tham gia thực tập công ty TNHH Giải pháp Phần mềm Tường Minh (TMA Solutions) - môi trường lý tưởng chuyên nghiệp để thực dự định thân LỜI CẢM ƠN Em xin trân trọng gửi lời cảm ơn tới Bộ phận Thực tập (Industry Internship) công ty TNHH Giải pháp Phần mềm Tường Minh (TMA Solutions) tạo điều kiện cho em có hội thực tập cơng ty Dù thời gian ngắn nhờ dẫn nhiệt tình anh Nguyễn Trường Sơn (project manager) chị Hứa Bảo Kim Ngân (mentor), em học hỏi, tiếp thu kiến thức quan trọng có nhiều trải nghiệm tham gia dự án thực tế Chân thành cảm ơn anh Sơn, chị Ngân anh chị, bạn team dự án bỏ nhiều thời gian, công sức để hướng dẫn, giúp đỡ em tận tình làm quen mơi trường việc tiếp cận kiến thức công nghệ, kỹ lập trình tư sản phẩm để thực tốt dự án cá nhân dự án thực tế thời gian qua Em 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 TP HCM, ngày 04 tháng 07 năm 2023 Nguyễn Trí Minh NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN 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 1.1 Giới thiệu 1.2 Giải pháp, dịch vụ sản phẩm công ty 1.3 Lịch làm việc thực tập công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP 2.2 Nghiên cứu kỹ thuật 2.2.1 Tuần 2.2.2 Tuần 10 2.3 Thực dự án cá nhân 10 2.3.1 Công nghệ 10 2.3.3 Kết 11 2.4 Tham gia dự án thực tế 11 2.4.1 Nội dung, tình hình dự án tham gia 11 2.4.2 Những khó khăn gặp phải 12 2.4.3 Kết đạt 12 CHƯƠNG 3: TỔNG KẾT 13 3.1 Điểm mạnh 13 3.2 Điểm yếu 13 3.3 Chuẩn đạt 13 TÀI LIỆU THAM KHẢO 15 CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 1.1 Giới thiệu Hình 1.1 Logo TMA Solutions TMA Solutions công ty hàng đầu outsourcing phần mềm Việt Nam TMA Solutions thành lập vào năm 1997 nhằm cung cấp dịch vụ outsourcing phần mềm chất lượng cho công ty hàng đầu toàn giới TMA công ty outsourcing phần mềm lớn Việt Nam với 4.000 kỹ sư Đội ngũ kỹ sư TMA chọn lọc từ nhiều nguồn lực IT lớn Việt Nam đào tạo tốt hồn thành thành cơng nhiều dự án lớn phức tạp TMA Solutions gồm nhiều phận, trung tâm (center) phát triển đa dạng lĩnh vực như: Telecom Software IoT Data Solution Automotive Software Fintech Hardware AI Robotics Software Healthtech 10 5G - Địa chỉ: + Văn phịng (Lab 1): 111 Nguyễn Đình Chính, Phường 15, Quận Phú Nhuận, Tp Hồ Chí Minh + Văn phòng (Lab 3): 10 Đặng Văn Ngữ, Phường 10, Quận Phú Nhuận, Tp Hồ Chí Minh + Văn phịng (Lab 4): 84A/5 Trần Hữu Trang, Phường 10, Quận Phú Nhuận, Tp Hồ Chí Minh + Văn phịng (Lab 5): Anna Building, Lô - Đường Trung tâm, Công viên Phần mềm Quang Trung, Phường Tân Chánh Hiệp, Quận 12, Tp Hồ Chí Minh + Văn phịng (Lab 6): Tồ nhà TMA, Lơ 17 - Đường số 10, Công viên Phần mềm Quang Trung, Phường Tân Chánh Hiệp, Quận 12, Tp Hồ Chí Minh + Cơng viên Sáng tạo TMA (Lab 8): Đại lộ Khoa học, Ghềnh Ráng, Quy Nhơn, Bình Định Quy mơ số lượng kỹ sư qua năm: - Website: https://www.tmasolutions.com - Email: intern@tma.com.vn (Internship department) - Điện thoại: 028 3997 8000 | ext: 5615 - 02838912532 (Internship Department) CEO/Chairman: - Delivery & Technology - Business & Innovation - CDF - Finance/ Legal - TMA Overseas - QMS/PMO - HR & Admin 1.2 Giải pháp, dịch vụ sản phẩm công ty Công ty cung cấp nhiều giải pháp dịch vụ, điển hình như: • • • • Phát triển phần mềm: − Phát triển sản phẩm − Tối ưu sản phẩm có − Bảo trì, hỗ trợ − Chuyển đổi, di dời − Thiết kế lại hệ thống Kiểm thử phần mềm − Kiểm thử chức − Kiểm thử hệ thống, khả tích hợp − Kiểm thử hiệu − Kiểm thử bảo mật Các giải pháp cải tiến: − R&D − PoC & prototype − Roadmap công nghệ − Đưa giải pháp kỹ thuật Chuyển đổi số: − Online hoá − Mobile hoá − Tự động hoá − Cloud hoá Sản phẩm nhiều lĩnh vực: • • • • • • Telecom Healthtech Logistics & Transportation Fintech E-Commerce, Retail & Distribution Automotive 1.3 Lịch làm việc thực tập công ty Em tham gia làm việc công ty ngày 03/04/2023 tới 07/07/2023, ngày làm việc tuần thứ 2, thứ 4, thứ 5, thứ (part-time) Công việc ngày lúc 30 phút đến 18 Thời gian nghỉ trưa khoảng tiếng Buổi chiều bắt đầu làm việc vào lúc 13 30 Sau ngày làm việc em báo cáo tiến độ công việc ngày, đặt câu hỏi nhận chia sẻ, giải đáp từ chị Ngân - mentor em đặt mục tiêu cho ngày làm việc Mỗi tuần họp tiến độ dự án lần vào sáng thứ 2, 4, Mọi người họp bàn bạc vấn đề giải quyết, tồn đọng, học, giải pháp mục tiêu cho tuần Anh Sơn người quản lý dự án cập nhật thơng tin tình hình dự án cho người Tồn quy trình làm việc sử dụng Tiếng Anh chủ yếu CHƯƠNG 2: NỘI DUNG THỰC TẬP Tổng thời gian: Khoảng tuần Nội dung: Giới thiệu công ty, cách tổ chức công ty, nghe người phụ trách giới thiệu cơng ty, q trình thành lập phát triển, quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty, phịng ban IT, HR, … Ngồi ra, thực tập sinh cịn giới thiệu văn hóa làm việc công ty thời gian làm, quy định, cách sử dụng email công việc, … Bên cạnh em cịn train nội dung kỹ mềm kỹ thuật chuyên môn làm anh, chị có kinh nghiệm giảng dạy Các khoá học ngắn mà em train là: • • • • • Agile Development Process Security Awareness Communication Skills Email Writing guidelines Work Etiquette and Teamwork Kết quả: Hiểu thêm văn hố làm việc cơng ty, 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 kỹ mềm khác làm việc nhóm, giao tiếp, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Ngồi em cịn học thêm quy trình phát triển phần mềm bảo mật công ty 2.2 Nghiên cứu kỹ thuật 2.2.1 Tuần Nội dung: Học ôn tập kiến thức liên quan theo Training Plan Kết quả: Ôn tập kiến thức cũ học kiến thức Front-end RESTful API, HTTP/HTTPS, bảo mật, authorization, authentication, 2.2.2 Tuần Nội dung: Học ôn tập kiến thức liên quan theo Training Plan Kết quả: Ôn tập kiến thức cũ học kiến thức quan trọng React JS Routing, HTTP request, Hook, Axios, Redux,… 2.3 Thực dự án cá nhân Trong tuần kế tiếp, em mentor giao cho task cá nhân việc xây dựng ứng dụng web cho phép người dùng tạo quản lý ghi Ban đầu, mentor không yêu cầu em thực phần back-end, cần trọng vào front-end, nhiên em nỗ lực tìm tịi, học hỏi tự làm phần back-end để hiểu rõ 2.3.1 Cơng nghệ Về Back-end: • Node.js Express.js để xây dựng API • MySQL database, remote sử dụng CleverCloud • Deploy sử dụng Cyclic • Mã hố, tạo xác thực token sử dụng JSON Web Token Nhờ vậy, mật người dùng database mã hoá; session đăng nhập quản lý • API cấu trúc theo mơ hình Service - Controller - Router: • Service: Xử lý kết nối trực tiếp với database • Controller: Quản lý phương thức request API • Router: Quản lý API endpoint Về Front-end: • React, HTML CSS để xây dựng UI 10 • Các thư viện CSS: Bootstrap React Bootstrap • Deploy sử dụng Vercel • Ứng dụng cấu trúc theo mơ hình Model - Controller - View (MVC): • Model: Xử lý request trực tiếp tới API endpoint • Controller: Quản lý phương thức gọi từ component UI • View: Quản lý component UI Ứng dụng chia thành nhiều component để tái sử dụng • Lưu trữ trạng thái sử dụng Redux Redux Thunk Hệ thống Redux cấu trúc theo mơ hình Reducer - Container - Actions Một vài trạng thái xác thực người dùng thông qua token cho thấy hiệu triển khai với Redux 2.3.2 Mô tả dự án Ứng dụng đơn giản giúp người dùng tạo quản lý ghi với chức Các use-case người dùng: − − − − − − − Tạo tài khoản Đăng nhập Tạo ghi Tìm ghi theo tên Xem nội dung ghi Chỉnh sửa xoá ghi Đăng xuất (người dùng bị tự động đăng xuất phiên đăng nhập hết hạn) 2.3.3 Kết • • • • Các chức hoạt động xác, yêu cầu Mentor đánh giá đạt yêu cầu Repo GitHub: https://github.com/ntminh2nd/tma-notezy-app Link ứng dụng (đã deploy): https://tma-notezy.vercel.app/ 2.4 Tham gia dự án thực tế Theo quy định công ty, dự án thực tế phải bảo mật, em khơng thể cung cấp hình ảnh tài ngun dự án mà đưa nội dung sơ lược, khách quan 2.4.1 Nội dung, tình hình dự án tham gia • Dự án có nội dung ứng dụng web cho phép doanh nghiệp tái sử dụng quản lý hợp đồng Flow ứng dụng là: admin tải lên file hợp đồng, admin chỉnh sửa file trực tiếp editor ứng dụng thiết lập trường cho phép người dùng điền theo form lưu lại Sau này, người dùng có nhu cầu sử dụng template cần điền theo form nội dung cần thay đổi, sau họ có hợp đồng hồn chỉnh, lưu nhiều định dạng mang in ấn Ví dụ template hợp đồng có trường địa chỉ, họ tên, giới tính,… theo sau nơi nhập nội dung (được đánh dấu ……….), thơng thường người dùng 11 • phải sửa thủ công, nhiên nhờ vào template admin sau thiết lập trường người dùng cần điền vào form mục địa chỉ, họ tên, giới tính,… tự động ứng dụng thay mục trống cần điền có dạng ……… thành nội dung cụ thể Ưu điểm việc template tái sử dụng cho nhiều trường hợp tiện lợi nhanh chóng Đây dự án phát triển, thiếu nhân lực mảng Front-end nên vào thời điểm tham gia, em hỗ trợ vai trò front-end developer cho dự án Front-end developer trước dự án khơng cịn làm nên em phải kế thừa thực tiếp quy trình phát triển dự án cuối giai đoạn thực tập 2.4.2 Những khó khăn gặp phải • • • Do phải kế thừa lại toàn source code cũ dự án, em phải nhiều thời gian đề tìm tịi, nghiên cứu nhờ hỗ trợ người phát triển trước để hiểu rõ kiến trúc phần mềm dự án, cách triển khai thích ứng với cơng nghệ sử dụng Một vài công nghệ yêu cầu làm việc cơng ty quy trình phát triển lần đầu tiếp xúc gây cho em nhiều khó khăn để thích ứng học hỏi Một vài yêu cầu chức dự án phức tạp ứng dụng chạy web nên gặp nhiều hạn chế Em phải đưa nhiều giải pháp để giải vài khó khăn tồn động, đưa hướng phát triển sau bàn bạc với team mentor 2.4.3 Kết đạt • • Tính đến thời điểm tại, vài chức quan trọng dự án hoạt động mức ổn Tuy nhiều lỗi tồn động hệ thống chưa tối ưu tốt với vài yêu cầu đưa ra, hệ thống đảm nhận Em học hỏi thêm cấu trúc dự án từ người phát triển trước em kế thừa lại quy trình phát triển dang dở Ngồi ra, em cịn học thêm nhiều cơng nghệ mới, quy trình phát triển phần mềm cơng ty cải thiện kỹ lập trình 12 CHƯƠNG 3: TỔNG KẾT Quãng thời gian thực tập TMA Solutions giúp em cải thiện thân nhiều quy trình làm việc thực tế, tác phong người kỹ sư phần mềm Được làm việc đây, em học thêm kỹ mềm sử dụng mail, quản lý ticket, làm việc nhóm, giao tiếp với cấp rèn luyện kỹ chun mơn Chỉ thời gian hạn chế, em hoàn thành dự án cá nhân q trình training với tính năng, u cầu đặt ban đầu Khi tham gia vào dự án thực tế, em hoàn thành tốt tác vụ hạn đạt chất lượng tốt 3.1 Điểm mạnh Trong q trình thực tập cơng ty, em nhận có điểm mạnh sau: • • • • • • Tự tin giao tiếp, làm việc với Tiếng Anh mức tốt nâng cao Hoà hợp với team làm việc, đưa đề xuất giúp cải thiện dự án đồng tình Làm việc độc lập tốt, khả tự research tốt Khả học hỏi cơng nghệ thích ứng nhanh Hỗ trợ đồng nghiệp tốt Hoàn thiện yêu cầu đưa 3.2 Điểm yếu Trong q trình thực tập cơng ty, em nhận có điểm yếu sau: • • • • Chưa nắm bắt tốt hoàn toàn quy trình làm việc cơng ty Khả thống giải pháp chưa tốt, tốn nhiều thời gian tìm nhiều giải pháp không hợp lý Quản lý thời gian làm việc chưa hợp lý Khả nhờ giúp đỡ chuyên môn chưa thực thường xuyên 3.3 Chuẩn đạt Em tự đánh giá mục tiêu đạt mơn học sau: • • • • • • Nắm bắt xu hướng, nhu cầu xã hội tính đặc thù doanh nghiệp (G1): 8/10 Hiểu giải thích khái niệm bản, thuật ngữ sơ đồ hệ thống dự án (G2): 9/10 Nắm quy trình, phương pháp cơng nghệ phát triển sản phẩm phần mềm doanh nghiệp (G3): 9/10 Có khả tìm hiểu vấn đề, mơ hình hóa vấn đề tham gia giải vấn đề (G4): 9/10 Phát triển kỹ tư duy, kỹ làm việc nhóm kỹ trình bày (G5): 9/10 Đọc, hiểu tài liệu giao tiếp tiếng Anh (G6): 10/10 13 Goal Mục tiêu môn học G1 Nắm bắt xu hướng, nhu cầu xã hội tính đặc thù doanh nghiệp G2 Hiểu giải thích khái niệm bản, thuật ngữ sơ đồ hệ thống dự án G3 Nắm quy trình, phương pháp cơng nghệ phát triển sản phẩm phần mềm doanh nghiệp G4 Có khả tìm hiểu vấn đề, mơ hình hóa vấn đề tham gia giải vấn đề G5 Phát triển kỹ tư duy, kỹ làm việc nhóm kỹ trình bày G6 Đọc, hiểu tài liệu giao tiếp tiếng Anh 14 TÀI LIỆU THAM KHẢO Anthony Accomazzo, Nate Murray, Ari Lerner, Clay Allsopp, David Guttman, Tyler McGinnis (2023) Fullstack React Alex Bank (2023) Learning React: Functional Web Development with React and Redux https://react.dev/ 15