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

Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiến thức đã học và có được trải nghiệm trong môi trường thực tế, em đã quyết định tham gia vào Công ty TNHH Shi

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 Shinhan

DS Việt Nam Người phụ trách: Trương Quốc Khánh Thực tập sinh: Hoàng Mạnh Tân

LỜI MỞ ĐẦU

Trong cuộc cách mạng công nghiệp 4.0, công nghệ thông tin nói chung và ngành Công nghệ phần mềm nói riêng luôn là nhân tố đóng vai trò quan trọng trong quá trình phát triển của xã hội

Công nghệ Web, hay công nghệ sản xuất các trang web đã phục vụ hầu hết các nhu cầu của con người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, Hiện nay đã có đến hơn 1.5 tỷ trang web, nhưng nhu cầu tạo ra những trang web mới vẫn chưa có dấu hiệu giảm

Do đó, một trang web muốn được nhiều người sử dụng phải đáp ứng được yếu tố hình thức và nội dung Làm thế nào để sản phẩm tạo ra đạt chất lượng cao ở hai yếu tố trên luôn làm bất kì một đội ngũ phát triển website nào cũng cần phải suy nghĩ đau đầu Để thử thách bản thân trong ngành công nghiệp web, em đã lựa chọn Front-end web developer là định hướng cho việc học cũng như nghề nghiệp trong tương lai

Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiến thức đã học và có được trải nghiệm trong môi trường thực tế, em đã quyết định tham gia vào Công ty TNHH Shinhan DS Việt Nam, với sự hợp tác cùng công ty đào tạo lập trình LIKELION sẽ là một môi trường lý tưởng và chuyên nghiệp để em có thể học hỏi, củng cố nền tảng kiến thức

từ đó có thể thực hiện dự định của bản thân trong 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 và công ty THHH LIKELION đã tạo điều kiện cho em cơ hội được thực tập tại công ty Dù trong thời gian ngắn nhưng nhờ sự chỉ dẫn nhiệt tình của anh Trương Quốc Khánh, em đã tiếp thu những kiến thức quan trọng để có thể tham gia một dự án thực tế

Chân thành cảm ơn Công ty TNHH Shinhan DS Việt Nam và các anh chị trong team trainer LIKELION đã bỏ ra nhiều thời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình trong khi làm quen môi trường mới cũng như trong việc tiếp cận kiến thức công nghệ, kỹ năng lập trình và tư duy sản phẩm để có thể thực hiện tốt dự án cá nhân và dự án thực tế trong thời gian qua

Em cũng xin cảm ơn 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áo cáo này

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 2

LỜI CẢM ƠN 3

NHẬN XÉT CỦA KHOA 4

MỤC LỤC 5

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 6

1.1 Giới thiệu về Công ty TNHH Shinhan DS Việt Nam 6

1.1.1 Tổng quan về công ty 6

1.1.2 Lịch sử hình thành và phát triển của công ty 6

1.1.3 Quy mô công ty 7

1.2 Sản phẩm công ty 7

1.3 Lịch làm việc khi thực tập tại công ty 9

CHƯƠNG 2: NỘI DUNG THỰC TẬP 10

2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong 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 về ReactJS, VueJS, AntDesign, MUI,… và Redux 10

2.3 Thực hiện 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ả: các dự án thực hiện với đầy đủ các chức năng công ty đề ra 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 được 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 về 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 về công ty

Công ty TNHH Shinhan DS Việt Nam là một công ty có truyền thống lâu đời của Hàn Quốc, chịu trách nhiệm về hoạt động kinh doanh liên quan đến Công nghệ Thông tin và Truyền thông cho Tập đoàn Tài chính Shinhan Công ty luôn tạo điều kiện cho phép các nhà phát triển thực hiện ước mơ của chính họ bằng cách cung cấp môi trường làm việc để phát triển và 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 và e-biz trong Tập đoàn Tài chính, chẳng hạn như ngân hàng, thẻ và chứng khoán, thúc đẩy Chuyển đổi Kỹ thuật số để tối đa hóa sự hài lòng của khách hàng và đạt được sự phát triển không ngừng thông qua sự tin tưởng và ủng hộ của 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 ngoài đầu tiên đầu tiên tại Việt Nam Từ đó, Công ty Shinhan DS Việt Nam đã và đang đảm nhận khối Công nghệ Thông tin của Ngân hàng Shinhan, Công ty Chứng khoán Shinhan, Công ty Tài chính Shinhan tại Việt Nam và 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 và phát triển của công ty

Tháng 06 năm 2018, Shinhan DS Hàn Quốc đề ra ý tưởng thành lập và đị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 cùng năm, diễn ra lễ khai trương và lễ ký kết MOU với HCA (Hội tin học TP Hồ Chí Minh)

và Saigon Hub, công ty chính thức đi vào hoạt động Tháng 10 và 11 cùng 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 một số lĩnh vực ngân hàng (Common, Channel and Deposit) và thực hiện lễ ký kết MOU với RAON Secure

Năm 2019, công ty đã có một số hoạt động nổi bật như hợp tác với Ngân hàng Shinhan Việt Nam về phần mềm Hiware và 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 và Campuchia, Tư vấn phát triển kho lưu trữ dữ liệu và báo cáo với Công ty Tài Chính Shinhan Việt Nam, ATM Sales và phần mềm giám sát với Ngân hàng Shinhan Việt Nam, Mở rộng độ phủ IT trong 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 và lắp đặt hệ thống Broadcasting cho Trường Quốc Tế Hàn Quốc tại Tp

Hồ Chí Minh Và ba tháng cuối năm đó, công ty đã hoàn thiện được 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ữ và máy chủ HPE với Tài chính Shinhan Việt Nam và Phát triển Dịch vụ rút tiền mặt không cần dùng thẻ tại 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 vẫn đang phát triển và mở rộng quy mô hoạt động của mình theo thời gian Hiện tại, công ty có một quy mô vừa phải và đáng kể trong ngành công nghệ phần mềm

Về nhân sự, Shinhan DS Việt Nam có một đội ngũ nhân viên hùng hậu khoảng 80 người với đầy lòng nhiệt huyết và tài năng Đội ngũ này bao gồm các 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 bộ phận nhân sự, nhân viên bộ phận marketing

và nhân sự của một số phòng ban khác

Về quy mô dự án của công ty, Shinhan DS Việt Nam chịu trách nhiệm phát triển và bảo trì các phần mềm nội bộ của Tập đoàn Tài chính Shinhan và các công ty con khác của tập đoàn như Công ty Chứng khoán Shinhan, Công ty Tài chính Shinhan tại Việt Nam, … Ngoài ra, công ty cũng nhận cung cấp và phân phối các dự án phần cứng IT như network, server, ATM,

… và tư vấn về công nghệ thông tin cho các công ty khác

Về đối tác, Shinhan DS Việt Nam có quan hệ đối tác với rất nhiều công ty lớn nhỏ trong và ngoài nước nhưng chủ yếu là các công ty, tổ chức công nghệ của Việt Nam và Hàn quốc như 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 các thông tin tổng quan về ngân hàng Shinhan và tập đoàn Shinhan Ngoài ra nó còn cung cấp các thông tin khác như các gói mua sắm, làm thẻ tín dụng, các gói vay, … Đặc biệt là chức năng ngân hàng trực tuyến, hỗ trợ khách hàng thực hiện các tác vụ như thanh 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 như Shinhan Bank Website nhưng là bản 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 khi thực tập tại công ty

Em tham gia làm việc part-time tại công ty bắt đầu từ ngày 12/12/2022 tới 05/04/2023, các ngày làm việc trong tuần vào thứ 2, 4, 6 Công việc chủ yếu của em là được training, ôn luyện các kiến thức cần thiết, cũng như là các kiến thức mới trong lĩnh vực lập trình web bởi nhóm trainer LIKELION để có thể đáp ứng nhu cầu của công ty

Sau khi ôn tập xong, phía Shinhan DS sẽ yêu cầu em thực hiện các project cá nhân và sẽ nộp lại sau đó để bên họ đánh giá, nhận xét và 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 và các kỹ năng cơ bản trong công ty

Thời gian: 1 ngày

Nội dung: giới thiệu về công ty, cách tổ chức của công ty, đượ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, 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, các phòng ban về IT, HR, … Ngoài ra, thực tập sinh còn được giới thiệu

về văn hóa làm việc trong công ty như thời gian đi làm, các quy định, cách sử dụng email trong công việc, …

Kết quả: hiểu thêm về lịch sử, quy mô công ty, quá trình thành lập và phát triển Có thêm các

kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn

2.2 Nghiên cứu kỹ thuật

2.2.1 Các công cụ

Thời gian: 1 ngày

Nội dung: Các trainer sẽ hướng dẫn cho em về các công cụ mà công ty thường sử dụng như Visual Studio Code để lập trình, Github để lưu trữ source code hay Slack là kênh trao đổi công việc chính,…

Kết quả: Đã có thể sử dụng các công cụ trên

2.2.2 HTML, CSS, Javascript, Boostrap, …

Thời gian: 2 tuần

Nội dung: Ôn tập các kiến thức về HTML, CSS, ngôn ngữ lập trình Javacript cũng như các framework CSS nổi tiếng như Boostrap, tìm hiểu phương thức làm việc với API Thực hành lập trình các landing page quảng cáo bán hàng, bán vé xem phim với đầy đủ các chức năng bằng các kiến thức đã ôn tập và tìm hiểu trên

Kết quả: Đã có hiểu rõ các khái niệm lập trình web cơ bản và có thể xây dựng cho một website

cơ bản

2.2.3 Tìm hiểu về ReactJS, VueJS, AntDesign, MUI,… và Redux

Thời gian: 20 ngày

Nội dung: Tìm hiểu và thực hành các kiến thức về ReactJS, life cycle, hook, ES6, Redux và một phần nhỏ VueJS

Kết quả: Đã có thể xây dựng các website như bán hàng, dự báo thời tiết, xem phim, … bằng ReactJS

2.3 Thực hiện dự án cá nhân

Sau hơn 1 tháng được training và thực hành các kiến thức cần có để lập trình web front end Trong thời gian tiếp theo, các trainer sẽ hướng dẫn em thực hiện các project khác nhau để có thể vận dụng thành thạo các 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

_ Một website xem thông tin phim

_ Một website quản lý người dùng

2.3.3 Kết quả: các dự án thực hiện với đầy đủ các chức năng công ty đề ra

CHƯƠNG 3: TỔNG KẾT

Quãng thời gian thực tập tại Shinhan DS đã giúp em cải thiện bản thân rất nhiều trong quy trình làm việc thực tế, tác phong của người kỹ sư phần mềm Được làm việc tại đây, em đã học thêm được kỹ năng 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ỉ trong thời gian hạn chế, em đã hoàn thành dự án cá nhân trong quá trình training với các tính năng, yêu cầu đặt ra ban đầu

3.1 Điểm mạnh

_ Tuân thủ thời gian làm việc của công ty

_ Hoàn thành các nhiệm vụ công ty đề ra

_ Có thể tìm hiểu, tham khảo các tài liệu tiếng anh

3.2 Điểm yếu

_ Ít nói, ít trao đổi với trainer

_ Chưa thân thiện, hòa đồng với mọi người trong công ty

3.3 Chuẩn đạt được

Goal Mục tiêu môn học

G1 Nắm bắt được xu hướng, nhu cầu xã hội và tính đặc thù của doanh nghiệp

G2 Hiểu và giải thích được các khái niệm cơ bản, thuật ngữ và sơ đồ hệ thống trong dự

án

G3 Nắm được quy trình, phương pháp và công nghệ phát triển sản phẩm phần mềm tại

doanh nghiệp

G4 Có khả năng tìm hiểu vấn đề, mô hình hóa vấn đề và tham gia giải quyết vấn đề G5 Phát triển kỹ năng tư duy, kỹ năng làm việc nhóm và kỹ năng trình bày

G6 Đọc, hiểu các tài liệu và giao tiếp bằng tiếng Anh

TÀI LIỆU THAM KHẢO

1 ReactJS: https://www.w3schools.com/REACT/DEFAULT.ASP

2 AntDesign: https://4x.ant.design/

3 Redux: https://www.tutorialspoint.com/redux/index.htm

4 Javascript: https://www.w3schools.com/js/