1

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

LẬP TRÌNH FRONTEND (ANGULAR
FRAMEWORK)

Cơng ty thực tập

: DXC Viet Nam

Người phụ trách

: Nguyễn Thanh Luân

Thực tập sinh

: Lê Hồng Thiện

TP. Hồ Chí Minh, tháng 05 năm 2022
<Lê Hoàng Thiện>


2

LỜI MỞ ĐẦU

Ngày nay, việc phát triển các ứng dụng phần mềm web đang được phát triển rất

mạnh trên thế giới và Việt Nam cũng khơng nằm ngồi sự phát triển đó. Lập trình web
đã phát triển từ rất nhiều năm về trước, tuy nhiên tỉ lệ về “cung” và “cầu” vẫn đang rất
lớn và vẫn sẽ là nhân tố quan trọng trong sự phát triển của công nghệ thông tin thế giới.
Cùng với sự phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Ngành
công nghiệp phát triển web đã và vẫn đang phát triển mạnh mẽ, để hồ nhập với tồn
cầu. Các cơng ty lớn có thể kể đến như VNG, Tiki, NCC, FPT, Bosch, KMS,…Website
chính là “bộ mặt” mà khách hàng nhìn vào cơng ty đầu tiên, chính vì thế một số cơng ty
tuy khơng phát triển cơng nghệ nhưng vẫn sẽ có bộ phận phát triển website riêng.
Ngành lập trình web, đặc biệt trong thời đại 4.0 như hiện nay càng trở nên phát
triển. Và giới trẻ như chúng em sẽ là nguồn nhân lực quan trọng trong q trình phát
triển đó. Vì lí do này, em quyết định chọn lập trình web - cụ thể là ở mảng frontend làm
định hướng cho việc học và làm việc của mình sau này.
Sau hơn ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế,
cũng như được tham gia vào một mơi trường làm việc chun nghiệp, em có dự định sẽ
thực tập vào sau tết 2022. Vì vậy, em quyết định chọn DXC Việt Nam - một môi trường
lý trưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện dự định này.

<Lê Hoàng Thiện>


3

LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Công ty DXC Việt Nam đã 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 nhiệt tình của nhóm trainer,
em đã tiếp thu được những kiến thức quan trọng để có thể tham gia vào dự án của cơng
ty ở vị trí front-end developer. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ
ra 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 này.

Đặc biệt cảm ơn anh Nguyễn Thanh Luân, đã training Angular, hướng dẫn, giúp
đỡ cho em tận tình cả những khó khăn trong cơng việc, đến những khó khăn việc làm
quen với môi trường mới; cảm ơn anh Phùng Quốc Thịnh, đã định hướng và sắp xếp cho
em vào vị trí thích hợp; cảm ơn anh Đặng Lê Hoàng, đã chỉ dạy em thêm các kiến thức
mới về quản lí cơng việc, đội nhóm; cảm ơn chị Đặng Hồng Hương An, đã tận tình giúp
đỡ cho em khi gặp các khó khăn trong cơng việc, training các kiến thức về dự án,
backend, các sai sót trong lập trình,…Và cũng như tất cả các anh, chị, các bạn trong team
đã giúp đỡ em trong quá trình thực tập tại DXC Việt Nam.
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ài báo cáo này.
<Lê Hoàng Thiện>
<TpHCM, ngày 14 tháng 5 năm 2022>

<Lê Hoàng Thiện>


4

NHẬN XÉT CỦA KHOA

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

<Lê Hoàng Thiện>


5

MỤC LỤC

MỤC LỤC .............................................................................................................. 5
Chương 1: Giới thiêu công ty thực tập .............................................................................7
1. Giới thiệu công ty DXC Technology .......................................................................7
2. Mục tiêu, sứ mệnh và giá trị ....................................................................................7
3. Sản phẩm của công ty .............................................................................................8
Chương 2: Nội dung thực tập ...........................................................................................9
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ............................................9
2. Nghiên cứu kỹ thuật ................................................................................................9
2.1 Các cơng cụ làm việc ...........................................................................................9
2.2 Tìm hiểu framework Angular ............................................................................ 11
2.3 Training các kiến thức khác ............................................................................... 12
3. Thực hiện project .................................................................................................. 13
4. Lịch làm việc ........................................................................................................ 14
Chương 3: Chi tiết về project ......................................................................................... 15

1. Giới thiệu về project ............................................................................................. 15
2. Thực hiện .............................................................................................................. 16
3. Kế hoạch ............................................................................................................... 18

<Lê Hoàng Thiện>


6

<Lê Hoàng Thiện>


7

Chương 1: Giới thiêu công ty thực tập

1. Giới thiệu công ty DXC Technology
DXC Technology là công ty hàng đầu về dịch vụ CNTT toàn cầu trong danh
sách Fortune 500. DXC có hơn 130.000 người ở hơn 70 quốc gia được ủy thác bởi
khách hàng để cung cấp những gì quan trọng nhất. DXC sử dụng sức mạnh của
công nghệ để cung cấp các dịch vụ CNTT quan trọng cho sứ mệnh trên Công nghệ
Doanh nghiệp tới thúc đẩy tác động kinh doanh. DXC là nhà tuyển dụng được lựa
chọn với các giá trị mạnh mẽ, và thúc đẩy một nền văn hóa hịa nhập, thuộc về và
quyền cơng dân doanh nghiệp.
Công ty DXC cung cấp các dịch vụ CNTT đẳng cấp thế giới trên quy mô
Delivery Center và Global Innovation ở Bắc Mỹ, Nam Mỹ, Châu Âu, Châu Á và
Châu Úc. Các trung tâm kết nối toàn cầu của DXC tự cho phép giải quyết những
thách thức công nghệ phức tạp và chuyển đổi hoạt động kinh doanh của khách
hàng thông qua đội ngũ nhân viên giao hàng tận tâm của chúng tôi với hơn
110.000 người. Với các đội phân phối toàn cầu và kỹ năng, kỹ thuật phong phú,

DXC cung cấp các giải pháp để giải quyết chi phí, quy định, ngơn ngữ và kinh
doanh của khách hàng yêu cầu về tính liên tục. DXC tận dụng sức mạnh của quan
hệ đối tác thông qua hệ sinh thái riêng của các nhà lãnh đạo công nghệ được quản
lý. Bằng cách kết hợp các điểm mạnh và chuyên môn trên toàn cầu, DXC tạo ra
các giải pháp và mang lại kết quả lớn hơn cho khách hàng trên Công nghệ Doanh
nghiệp.
2. Mục tiêu, sứ mệnh và giá trị
-

Mục tiêu: Mang đến cách dịch vụ cộng nghệ chỉnh chu đến cho khách hàng.

<Lê Hoàng Thiện>


8

- Sứ mệnh: Trở thành một công ty dịch vụ CNTT sử dụng sức mạnh của công nghệ
để xây dựng tương lai tốt hơn cho khách hàng, đồng nghiệp, môi trường và cộng
đồng, giúp khách hàng mang lại tác động kinh doanh và chủ nhân của sự lựa chọn.
- Gía trị:
+ Giao hàng: Chúng tơi làm những gì chúng tơi nói rằng chúng tơi sẽ làm.
+ Cộng tác: Chúng tơi làm việc theo nhóm - tồn cầu và địa phương.
+ Cộng đồng: Chúng tôi tin tưởng vào sự quản lý và xây dựng một công ty hỗ trợ
cộng đồng của chúng tơi.
+ Quan tâm: Chúng tơi chăm sóc lẫn nhau và ni dưỡng văn hóa hịa nhập và
thuộc về.
+ Làm: điều đúng đắn và chúng ta hành động một cách chính trực.
3. Sản phẩm của cơng ty
- DXC cung cấp các dịch vụ công nghệ thông tin mà khách hàng cần để hiện
đại hóa hoạt động và thúc đẩy đổi mới trên tồn bộ lĩnh vực cơng nghệ thơng tin

của họ.
- DXC cung cấp các dịch vụ về tập hợp các ngơn ngữ lập trình, khn khổ,
kiến trúc, cơ sở dữ liệu, máy chủ, công cụ dành cho nhà phát triển thực hiện các
chức năng nhất định trong ứng dụng. DXC cung cấp gia cơng quy trình kinh
doanh, phân tích và kỹ thuật, ứng dụng, bảo mật, đám mây, gia công phần mềm
công nghệ thông tin và nơi làm việc hiện đại.

<Lê Hoàng Thiện>


9

Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Lập trình web framework Angular” nhằm mục đích giúp
sinh viện thực tập được đào tạo toàn diện về lập trình web sử dụng framework Angular,
đồng thời rèn luyện những kỹ năng mềm như làm việc nhóm, thuyết trình, giao tiếp. Tại
cơng ty, sinh viên có cơ hội được học tập kinh nghiệm, quy trình làm việc chuyên
nghiệp, khám phá và tích luỹ kinh nghiệp trong một mơi trường năng động, cạnh tranh.
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian : 2 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, q 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 .
Ngồi ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công
ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong
công việc…
Kết quả : Hiểu thêm về công ty DXC, q 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. Nghiên cứu kỹ thuật
2.1 Các công cụ làm việc
Thời gian : 4 ngày
Nội dung : Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, anh Luân đã hướng dẫn thực tập sinh tìm hiểu về các
cơng cụ sẽ giúp ích cho trong công việc sau này. Một số phần mềm trong số đó
như Tortoise Git - sử dụng trong làm việc nhóm, Notepad ++ - một chương
trình soạn thảo văn bản rất hữu ích và phổ biến với lập trình viên, các extension
cần thiết trên Visual Studio Code để hỗ trợ q trình làm việc dễ dàng hơn.
Ngồi ra cịn tìm hiểu về các phần mềm quản lí:

<Lê Hồng Thiện>


10

+ Jira: Jira là một ứng dụng theo dõi và quản lý lỗi, vấn đề và dự án, được
phát triển để làm quy trình này trở nên dễ dàng hơn cho mọi tổ chức. JIRA đã
được thiết kế với trọng tâm vào kết quả cơng việc, có thể sử dụng ngay và linh
hoạt khi sử dụng.

+ Marvelapp: Marvel là một phần mềm tạo mẫu cho tất cả mọi người với
một giao diện. Nó rất dễ sử dụng và làm quen. Nó giúp các trang của bạn được
thiết lập gọn gàng và ngăn nắp. Cho phép mô phỏng nguyên mẫu thiết kế thông
qua nguyên mẫu thử nghiệm. Marvel cũng cho phép bạn thêm các thiết kế của
mình vào quy trình làm việc của dự án

<Lê Hoàng Thiện>



11

Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.
Kết quả : Hiểu và thực tập sử dụng các cơng cụ vào trong cơng việc.

2.2 Tìm hiểu framework Angular
Thời gian : 14 ngày (2 tuần)
Nội dung : Được tự tìm hiểu và có thể nêu lên các vấn đề thắc mắc với mentor.
Ngoài ra được training 1 khoá học online về framework Angular
- Training về các kiến thức cơ bản của Angular như Components, cách tạo 1
component mới trong project và sử dụng component vừa tạo.
- Training kiến thức về Directives, làm việc với các Directives cơ bản như
ngFor, ngIf.
- Tìm hiểu kiến thức về Service trong Angular( Angular HTTP Client,
Observer, fetch data,..).
- Tìm hiểu kiến thức về Form(FormsModule,ngForm, ngModel,ngSubmit).

<Lê Hoàng Thiện>


12

- Học về kiến thức Angular Router.

Thực hiện :
- Tham gia khố học online do cơng ty cung cấp.
- Làm các bài thực hành, kiểm tra về kiến thức đã học.
- Trao đổi cùng mentor để giải quyết các thắc mắc xuất hiện trong quá trình
học, tìm hiểu.
Kết quả :

- Nâng cao kỹ năng lập trình, hiểu rõ hơn về framework Angular để có thể
làm việc.
- Có được những kiến thức quan trọng cho việc lập trình web với framework
Angular sau này.
- Ngồi ra cịn được biết thêm một số quy tắc trong việc viết code sao cho
đúng chuẩn, dễ đọc, dễ hiểu.

2.3 Training các kiến thức khác
Nội dung: Được công ty training các kiến thức cơ bản khác.
- Java:
Được tham gia khoá học về Java, được training các kiến thức cơ bản trong
java như lập trình hướng đối tượng, web service(REST và SOAP),…
<Lê Hoàng Thiện>


13

- SCSS,HTML:
Tham gia course online do công ty cung cấp, học về cách sử dụng scss vào
trong cơng việc. Ơn tập và nâng cao kiến thức về HTML hơn, biết thêm các
kiến thức để code HTML dễ dàng, nhanh gọn hơn.
- SQL:
Được công ty training kiến thức về SQL, database, các làm việc với SQL
database.
Thực hiện :
- Tham gia đầy đủ các buổi trainning.
- Làm các bài tập thực hành như bài tập về SQL, bài tập tạo giao diện mẫu
HTML, SCSS, thi các bài test online,…
- Tìm kiếm tài liệu trên mạng để tìm hiểu thêm.
Kết quả :

- Hiểu được những khái niệm cơ bản trong lập trình web.
- Đã tạo ra được một số giao diện mẫu bằng HTML, SCSS.

3. Thực hiện project
Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến
thực cơ bản về Angular, HTML, SCSS,.... Trong tháng thứ hai, trainer đã hướng
dẫn thực tập sinh áp dụng những kiến thức đã học để có thể giải quyết những task
được leader giao cho.
Chi tiết sẽ được nói ở phần sau.

<Lê Hoàng Thiện>


14

4. Lịch làm việc
Tuần

Cơng việc

Người hướng dẫn

Mức
độ
hồn
thành

Nhận xét của người
hướng dẫn


Tìm hiểu về cơng
Chị Phạm Thị
ty, cách tổ chức của Thuỳ Trang
công ty.
- Làm quen với các
công cụ làm việc
trong công ty.
- Học cách trao đổi,
làm việc qua email.
- Tự tìm hiểu các kiến
thức về framework
Angular.
- Tham gia khố học - JSP Serlet: Anh
Java Intern của
Đặng Danh
công ty.
Hữu.
- Web Service:
Anh Lương
Trung Nghĩa.
- Tham gia các khoá - Chị Nguyễn Thị
học về lập trình web
Thuỳ Trang
- Tham gia các khoa
- Anh Nguyễn
học về SQL
Thanh Luân
- Được tham gia vào - Anh Nguyễn
project. Thực hiện
Thanh Luân

fix các defect đơn
giản
- Được giao các
- Anh Nguyễn
defect có độ khó
Thanh Luân
cao hơn để giải
quyết.
- Được giao xử lí, cài
đặt các sub-task lớn
hơn
-

1

2

4

5
6

7

8

9

<Lê Hồng Thiện>



15

Chương 3: Chi tiết về project
1. Giới thiệu về project
Project ứng dụng trong lĩnh vực bảo hiểm:
- Tên dự án: Integral – UI/UX Modernization
- Ngày bắt đầu: 11/11/2021
- Vị trí dự án: Việt Nam Quy mô đội: 20
- Mô tả dự án:
+ Phát triển UIUX mới cho Integral Life và Group bằng cách sử dụng thư
viện Angular và DXC CDK. Việc chuyển đổi là để duy trì khách hàng, tạo
đề xuất hợp đồng và xử lý đề xuất vấn đề.
+ Cung cấp các dịch vụ kinh doanh hỗ trợ toàn bộ ngành bảo hiểm.
Tóm tắt về Release, Sprint, Epic, Story:
-

Mỗi đợt Release dự kiến sẽ kết thúc sau mỗi 3 tháng.

-

Mỗi Sprint sẽ kéo dài trong 2 tuần.

-

Mỗi Epic tương ứng với chức năng menu phụ trên hệ thống cũ

-

Các Story trên mỗi Epic là chức năng phụ của Epic này. Theo nó, tạo

nhiệm vụ phụ để triển khai từng Story.

<Lê Hoàng Thiện>


16

2. Thực hiện
Khi vừa bắt đầu tham gia vào dự án, em đã được giao sửa một số defect đơn
giản trong project.

Tham vào sửa các defect của Epic Receivables and Payables. Các defect tham
gia fix thuộc về các sub-task như Modify Payment(xử lí việc thay đổi cái
payment đã tạo) và Payment Enquiry.

<Lê Hoàng Thiện>


17

Về phần defect, các trường hợp em đã fix có thể kể đến như: sai label name,
sai id của field, binding data khơng đúng field, miss data,…

Sau đó em đã được giao để thực hiện cài đặt các sub-task lớn hơn. Các sub-task đã
từng cài đặt: work-with-regular-claims component, Extra-info Heath Claim, Death Claim
Release-Coverage, First Death Registrtion,...( Mỗi một sub-task được cài đặt trong
khoảng 3-5 ngày).

<Lê Hoàng Thiện>



18

3. Kế hoạch
Giai đoạn 1: Thực hiện xử lí các defect đơn giản để làm quen với dự án.
- Làm quen với các component trong project, làm quen với flow của các chức
năng chính trong các sub-task của những anh chị khác thông qua fix lỗi,
debug.
- Học thêm các kiến thức trong Angular như service, router, và các kĩ năng
mềm như debug, làm việc nhóm.
- Tìm hiểu quy trình làm việc của nhóm, kết nối được các bộ phận quan trọng
như api team, devops team, BA team, QC team.
Kết quả:
- Đã hoàn thành tốt các defect được giao. Các defect khó được anh Nguyễn
Thanh Luân hỗ trợ.
- Hiểu về quy trình làm việc và các bộ phận cần thiết để kết nối khi có vấn đề
xảy ra.
Giai đoạn 2: Thực hiện cài đặt các sub-task có độ khó cao hơn
- Thực hiện cài đặt UI cho component mới.
- Thực hiện binding data cho UI.
- Kết nối api team để có api test trước data.
- Thực hiện các chức năng của component dựa theo mẫu có sẵn.
Kết quả: Đã hồn thành tồn bộ những tính năng trên. Sau đó resolved và chuyển
sang cho QC team để thực hiện kiểm thử.

<Lê Hoàng Thiện>


19


TÀI LIỆU THAM KHẢO

Về Angular Framework
/>Về SCSS:
/>Ngồi ra, cịn tham khảo các kênh Youtube khác nhau như:
/> />
<Lê Hoàng Thiện>


20

TỔNG KẾT

Như vậy, trong vòng hai tháng, em đã tham gia thực tập để học hỏi những kiến
thức mới, được công ty training cho các kiến thức về java, SQL, lập trình web. Được
tham gia vào dự án thực tế của cơng ty, có cơ hội trải nghiệm trong mơi trường làm việc
chuyên nghiệp, thân thiện. Được tự mình cài đặt các chức năng chính cho một dự án lớn,
học hỏi và rút kinh nghiệm từ những lần sai sót của bản thân.
Chân thành cảm ơn sự giúp đỡ của các anh chị team Modernize UX, UI đã hỗ trợ
em trong q trình thực tập của em tại cơng ty. Cảm ơn sự giúp đỡ nhiệt tình của mọi
người, đặt biệt là anh Nguyễn Thanh Luân, đã là mentor cho em trong suốt hai tháng em
thực tập và làm việc. Đây sẽ là một trải nghiệm đáng giá và giúp em vững bước hơn trên
con đường sắp tới.

<Lê Hoàng Thiện>