Báo cáo thực tập front end web developer

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: Người phụ trách: Thực tập sinh: Công ty TNHH Shinhan DS Việt Nam Trương Quốc Khánh Hoàng Mạnh Tân TP Hồ Chí Minh, tháng 06 năm 2023 LỜI MỞ ĐẦU Trong cách mạng công nghiệp 4.0, cơng nghệ thơng tin nói chung ngành Cơng nghệ phần mềm nói riêng ln nhân tố đóng vai trị quan trọng q trình phát triển xã hội Công nghệ Web, hay công nghệ sản xuất trang web phục vụ hầu hết nhu cầu người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, Hiện có đến 1.5 tỷ trang web, nhu cầu tạo trang web chưa có dấu hiệu giảm Do đó, trang web muốn nhiều người sử dụng phải đáp ứng yếu tố hình thức nội dung Làm để sản phẩm tạo đạt chất lượng cao hai yếu tố ln làm đội ngũ phát triển website cần phải suy nghĩ đau đầu Để thử thách thân ngành công nghiệp web, em lựa chọn Front-end web developer định hướng cho việc học nghề nghiệp tương lai 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 vào Công ty TNHH Shinhan DS Việt Nam, với hợp tác công ty đào tạo lập trình LIKELION mơi trường lý tưởng chuyên nghiệp để em học hỏi, củng cố tảng kiến thức từ thực dự định thân tương lai LỜI CẢM ƠN Em xin trân trọng gửi lời cảm ơn đến Công ty TNHH Shinhan DS Việt Nam công ty THHH LIKELION tạo điều kiện cho em hội thực tập công ty Dù thời gian ngắn nhờ dẫn nhiệt tình anh Trương Quốc Khánh, em tiếp thu kiến thức quan trọng để tham gia dự án thực tế Chân thành cảm ơn Công ty TNHH Shinhan DS Việt Nam anh chị team trainer LIKELION bỏ nhiều thời gian, công sức để hướng dẫn, 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 09 tháng 06 năm 2023 Hoàng Mạnh Tân 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 Công ty TNHH Shinhan DS Việt Nam 1.1.1 Tổng quan công ty 1.1.2 Lịch sử hình thành phát triển công ty 1.1.3 Quy mô công ty 1.2 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 10 2.1 Tìm hiểu cơng ty kỹ công ty 10 2.2 Nghiên cứu kỹ thuật 10 2.2.1 Các công cụ 10 2.2.2 HTML, CSS, Javascript, Boostrap, … 10 2.2.3 Tìm hiểu ReactJS, VueJS, AntDesign, MUI,… Redux 10 2.3 Thực dự án cá nhân 11 2.3.1 Công nghệ: HTML, CSS, Javascript, ReactJS, Redux, AntDesign 11 2.3.2 Mô tả dự án: 11 2.3.3 Kết quả: dự án thực với đầy đủ chức công ty đề 15 CHƯƠNG 3: TỔNG KẾT 16 3.1 Điểm mạnh 16 3.2 Điểm yếu 16 3.3 Chuẩn đạt 16 TÀI LIỆU THAM KHẢO 17 CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 1.1 Giới thiệu Cơng ty TNHH Shinhan DS Việt Nam Hình 1.1 Logo Cơng ty TNHH Shinhan DS Việt Nam 1.1.1 Tổng quan công ty Công ty TNHH Shinhan DS Việt Nam cơng ty có truyền thống lâu đời Hàn Quốc, chịu trách nhiệm hoạt động kinh doanh liên quan đến Công nghệ Thông tin Truyền thông cho Tập đồn Tài Shinhan Cơng ty ln tạo điều kiện cho phép nhà phát triển thực ước mơ họ cách cung cấp mơi trường làm việc để phát triển việc làm ổn định Được thành lập vào năm 1991, Công ty TNHH Shinhan DS Việt Nam cung cấp dịch vụ Công nghệ Thông tin có hệ thống bao gồm Quản lý Hệ thống (System Management), Tích hợp Hệ thống (System Integration), tư vấn Cơng nghệ Thơng tin e-biz Tập đồn Tài chính, chẳng hạn ngân hàng, thẻ chứng khoán, thúc đẩy Chuyển đổi Kỹ thuật số để tối đa hóa hài lòng khách hàng đạt phát triển không ngừng thông qua tin tưởng ủng hộ khách hàng Ngày 18 tháng 09 năm 2018, Shinhan DS Hàn Quốc thành lập chi nhánh nước đầu tiên Việt Nam Từ đó, Cơng ty Shinhan DS Việt Nam đảm nhận khối Công nghệ Thông tin Ngân hàng Shinhan, Cơng ty Chứng khốn Shinhan, Cơng ty Tài Shinhan Việt Nam mở rộng quy mô kinh doanh vươn tới thị trường Đông Nam Á 1.1.2 Lịch sử hình thành phát triển cơng ty Tháng 06 năm 2018, Shinhan DS Hàn Quốc đề ý tưởng thành lập định hướng chiến lược chi nhánh Shinhan DS Việt Nam trở thành Công ty cung cấp dịch vụ IT Đến tháng 09 năm, diễn lễ khai trương lễ ký kết MOU với HCA (Hội tin học TP Hồ Chí Minh) Saigon Hub, cơng ty thức vào hoạt động Tháng 10 11 năm, công ty triển khai hợp đồng Tích hợp hệ thống với Ngân hàng Shinhan Việt Nam, bước đầu triển khai số lĩnh vực ngân hàng (Common, Channel and Deposit) thực lễ ký kết MOU với RAON Secure Năm 2019, công ty có số hoạt động bật hợp tác với Ngân hàng Shinhan Việt Nam phần mềm Hiware cơng tác bảo trì, Cập nhật Hệ điều hành Window ATM với Ngân hàng Shinhan Việt Nam Campuchia, Tư vấn phát triển kho lưu trữ liệu báo cáo với Cơng ty Tài Chính Shinhan Việt Nam, ATM Sales phần mềm giám sát với Ngân hàng Shinhan Việt Nam, Mở rộng độ phủ IT lĩnh vực Ngân hàng (Loan, Digital and System), … Đến tháng 02 năm 2020, công ty triển khai Outbound contact center với Ngân hàng Shinhan Việt Nam lắp đặt hệ thống Broadcasting cho Trường Quốc Tế Hàn Quốc Tp Hồ Chí Minh Và ba tháng cuối năm đó, cơng ty hồn thiện Hệ thống nhận diện khách hàng (EKYC – E-know Your Customer) thông qua phần mềm Spass với Ngân hàng Shinhan Việt Nam, Thiết bị lưu trữ máy chủ HPE với Tài Shinhan Việt Nam Phát triển Dịch vụ rút tiền mặt không cần dùng thẻ ATM (Cardless ATM) với Ngân hàng Shinhan Việt Nam, … 1.1.3 Quy mô công ty Công ty TNHH Shinhan DS Việt Nam phát triển mở rộng quy mô hoạt động theo thời gian Hiện tại, cơng ty có quy mô vừa phải đáng kể ngành công nghệ phần mềm Về nhân sự, Shinhan DS Việt Nam có đội ngũ nhân viên hùng hậu khoảng 80 người với đầy lòng nhiệt huyết tài Đội ngũ bao gồm lập trình viên front-end, back-end, chuyên viên kiểm định chất lượng, nhân viên phận nhân sự, nhân viên phận marketing nhân số phịng ban khác Về quy mơ dự án công ty, Shinhan DS Việt Nam chịu trách nhiệm phát triển bảo trì phần mềm nội Tập đồn Tài Shinhan cơng ty khác tập đồn Cơng ty Chứng khốn Shinhan, Cơng ty Tài Shinhan Việt Nam, … Ngồi ra, cơng ty nhận cung cấp phân phối dự án phần cứng IT network, server, ATM, … tư vấn công nghệ thông tin cho công ty khác Về đối tác, Shinhan DS Việt Nam có quan hệ đối tác với nhiều cơng ty lớn nhỏ ngồi nước chủ yếu công ty, tổ chức công nghệ Việt Nam Hàn quốc Saigon innovation Hub, Lotte Data Communication, RaonSecure, … 1.2 Sản phẩm công ty * Shinhan Bank Website Hình 1.2.1 Shinhan Bank Website Shinhan Bank Website có vai trị giới thiệu thơng tin tổng quan ngân hàng Shinhan tập đoàn Shinhan Ngồi cịn cung cấp thơng tin khác gói mua sắm, làm thẻ tín dụng, gói vay, … Đặc biệt chức ngân hàng trực tuyến, hỗ trợ khách hàng thực tác vụ toán, … qua mang Link: https://shinhan.com.vn/vi * Shinhan Bank Việt Nam Website Hình 1.2.2 Shinhan Bank Việt Nam Website Shinhan Bank Website có vai trị giống Shinhan Bank Website quốc tế, phục vụ cho thị trường Việt Nam Link: https://online.shinhan.com.vn/global.shinhan 1.3 Lịch làm việc thực tập công ty Em tham gia làm việc part-time công ty ngày 12/12/2022 tới 05/04/2023, ngày làm việc tuần vào thứ 2, 4, Công việc chủ yếu em training, ôn luyện kiến thức cần thiết, kiến thức lĩnh vực lập trình web nhóm trainer LIKELION để đáp ứng nhu cầu cơng ty Sau ơn tập xong, phía Shinhan DS u cầu em thực project cá nhân nộp lại sau để bên họ đánh giá, nhận xét góp ý sửa lỗi CHƯƠNG 2: NỘI DUNG THỰC TẬP 2.1 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, 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, … Kết quả: hiểu thêm lịch sử, quy mơ 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, làm việc có kế hoạch, có kỷ luật, có trách nhiệm 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ Thời gian: ngày Nội dung: Các trainer hướng dẫn cho em công cụ mà công ty thường sử dụng Visual Studio Code để lập trình, Github để lưu trữ source code hay Slack kênh trao đổi công việc chính,… Kết quả: Đã sử dụng công cụ 2.2.2 HTML, CSS, Javascript, Boostrap, … Thời gian: tuần Nội dung: Ôn tập kiến thức HTML, CSS, ngơn ngữ lập trình Javacript framework CSS tiếng Boostrap, tìm hiểu phương thức làm việc với API Thực hành lập trình landing page quảng cáo bán hàng, bán vé xem phim với đầy đủ chức kiến thức ơn tập tìm hiểu Kết quả: Đã có hiểu rõ khái niệm lập trình web xây dựng cho website 2.2.3 Tìm hiểu ReactJS, VueJS, AntDesign, MUI,… Redux Thời gian: 20 ngày Nội dung: Tìm hiểu thực hành kiến thức ReactJS, life cycle, hook, ES6, Redux phần nhỏ VueJS Kết quả: Đã xây dựng website bán hàng, dự báo thời tiết, xem phim, … ReactJS 10 2.3 Thực dự án cá nhân Sau tháng training thực hành kiến thức cần có để lập trình web front end Trong thời gian tiếp theo, trainer hướng dẫn em thực project khác để vận dụng thành thạo kiến thức học 2.3.1 Công nghệ: HTML, CSS, Javascript, ReactJS, Redux, AntDesign 2.3.2 Mô tả dự án: _ Một website dự báo thời tiết toàn cầu 11 _ Một website xem thông tin phim 12 _ Một website quản lý người dùng 13 14 2.3.3 Kết quả: dự án thực với đầy đủ chức công ty đề 15 CHƯƠNG 3: TỔNG KẾT Quãng thời gian thực tập Shinhan DS 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 trê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, yêu cầu đặt ban đầu 3.1 Điểm mạnh _ Tuân thủ thời gian làm việc công ty _ Hồn thành nhiệm vụ cơng ty đề _ Có thể tìm hiểu, tham khảo tài liệu tiếng anh 3.2 Điểm yếu _ Ít nói, trao đổi với trainer _ Chưa thân thiện, hòa đồng với người công ty 3.3 Chuẩn đạt 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 16 TÀI LIỆU THAM KHẢO ReactJS: https://www.w3schools.com/REACT/DEFAULT.ASP AntDesign: https://4x.ant.design/ Redux: https://www.tutorialspoint.com/redux/index.htm Javascript: https://www.w3schools.com/js/ 17