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

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
ĐẠ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 DEVELOPER

Công ty thực tập: LIKELION - SHINHANDS
Lớp: SE501.N21.PMCL
Thực tập sinh: Mai Long Thành – 19522232
Giảng viên hướng dẫn: ThS. Nguyễn Thị Thanh Trúc

1


TP. Hồ Chí Minh, ngày 20 tháng 6 năm 2023

NHẬN XÉT
(Của giảng viên)

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

................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
.............................................................................................................................................
2


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

Giới thiệu về công ty..............................................................................................6

II.

Cơ cấu tổ chức.....................................................................................................9

III.

Tổng quan việc kinh doanh..............................................................................10

IV.

Văn hóa cơng ty.................................................................................................14

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

Cơng nghệ, giải pháp và quy trình áp dụng.......................................................16
1. Giới thiệu về mơ hình làm việc (Agile – Scrum).............................................16
2. Giới thiệu về công cụ VCS (git)........................................................................18
3. Giới thiệu về IDE sử dụng để code (VSCode).................................................19
4. Tìm hiểu về framework front-end (ReactJS)..................................................20
5. Tìm hiểu về cơng cụ CI/CD (Jenkins)..............................................................21
6. Tìm hiểu về server (Apache Tomcat)..............................................................23
7. Tanstack (React query)....................................................................................23

II.

Dự án Website quản lý HRMs.........................................................................24

1. Lí do ra đời........................................................................................................26
2. Nhiệm vụ được giao..........................................................................................26
3. Mục tiêu.............................................................................................................26
4. Các chức năng chính của HRMs version 1.0..................................................26
CHƯƠNG 3: NHẬT KÝ THỰC TẬP..........................................................................28
CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA KỲ THỰC TẬP....................................30
I.
II.

Kết quả thu được..................................................................................................30
Điểm yếu của bản thân.....................................................................................30
3

III.

Gợi ý cho chương trình học..............................................................................31

IV.

Cảm nhận về cơng ty........................................................................................31

V. Định hướng cho tương lai....................................................................................31
DANH MỤC TÀI LIỆU THAM KHẢO......................................................................31

4


LỜI NÓI ĐẦU
Trong thời đại 4.0 hiện nay, các ứng dụng công nghệ thông tin gần như đã tham
gia và đóng góp một phần khơng thể thiếu vào hầu hết các lĩnh vực trong cuộc sống.
Trong đó khơng thể khơng nói đến ứng dụng của ngành cơng nghệ phần mềm, đặc biệt là
ngành công nghiệp phát triển ứng dụng web đã đóng vai trị quan trọng trong việc đưa
các doanh nghiệp, các mặt hàng, các loại hình giải trí đến được mọi người trên thế giới.
Với tốc độ phát triển vô cùng mạnh mẽ, ngành phát triển ứng dụng web đã và đang là
nhân tố kích thích sự phát triển của công nghệ thông tin thế giới, cả về phần cứng và phần
mềm cùng với đó là mối quan hệ cộng sinh cùng phát triển với các lĩnh vực khác trong
đời sống.
Song song với các xu hướng phát triển của các cường quốc công nghệ trên 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 tuy vẫn còn
non trẻ ở Việt Nam nhưng tốc độ lan tỏa và phát triển vô cùng mạnh mẽ, để hịa nhập và
phần nào đó bắt kịp tốc độ với những công ty hàng đầu về xây dựng nền tảng web trên
thế giới. Bên cạnh sự phát triển của web thì những ngành nghề được tiếp cận người dùng

một cách nhanh chóng như những gì ta có thể thấy là mạng xã hội hay những website bán
hàng trực tuyến cũng đang rất thịnh hành trên cả thế giới lẫn Việt Nam.
Sau thời gian học tập và rèn luyện kĩ năng trên trường, các kiến thức nền tảng, quy
trình sản xuất phần mềm bản thân em cũng phần nào nắm rõ, tuy nhiên vẫn chưa được cọ
sát thực tế, do đó để kiếm thêm kinh nghiệm thực tế, cũng như tìm hiểu, bổ sung kiến
thức trong một môi trường chuyên nghiệp, em quyết định thực tập trong học kì này. Vì
vậy, em quyết định chọn Công Ty TNHH Shinhan DS - một môi trường thân thiện, hiện
đại, quốc tế, chuyên nghiệp – là nơi khởi đầu của em.

5


LỜI CẢM ƠN

Em xin chân thành cảm ơn ban giám hiệu và quý thầy cô trường Đại học Công
nghệ thông tin và khoa Công Nghệ Phần Mềm đã cung cấp, đào tạo và bồi dưỡng cho em
những kiến thức trọng tâm, kiến thức chuyên ngành trong suốt 3 năm ngồi trên giảng
đường đại học, để từ đó em có nền tảng áp dụng vào đợt thực tập này một cách hiệu quả
nhất có thể.
Em xin gửi lời cảm ơn quý Công Ty TNHH LIKELION và Công Ty TNHH
Shinhan DS Việt Nam đã tin tưởng, thừa nhận và tạo điều kiện cho em thực tập tại công
ty cũng như cung cấp, hỗ trợ, bổ sung cho em những kiến thức mà em cịn thiếu sót. Q
cơng ty đã hỗ trợ em rất nhiều trong suốt thời gian thực tập vừa qua, dạy em những kỹ
năng cần thiết, truyền đạt cho em những kinh nghiệm mà các anh chị đã trải qua trong
quá trình làm việc, trao đổi với khách hàng, tác phong, tinh thần trách nhiệm trước công
việc được giao, cách xử lý khi gặp issue và các kĩ năng mềm khác. Các anh chị cũng đã
tạo cho em nhiều điều kiện để rèn luyện, cọ sát, ứng dụng những kiến thức đã học vào
thực tế để xây dựng những dự án thực tiễn, nâng cao trình độ, cũng như tốc độ lập trình
và nâng cao giá trị bản thân thêm một bậc. Em xin chân thành cảm ơn.
Vì kiến thức bản thân còn hạn chế cũng như là lần đầu tiên được va chạm và tiếp

xúc với thực tế, áp dụng lý thuyết vào cơng việc nên bản thân cịn nhiều sơ sót và bỡ ngỡ,
khơng tránh khỏi những thiếu sót, mong q Thầy (Cơ) có thể đóng góp ý kiến để em có
thể hồn thiện hơn.
Em xin chân thành cảm ơn!

Mai Long Thành
6


TP. Hồ Chí Minh, ngày 20 tháng 6 năm 2022

7


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

Giới thiệu về công ty
Tên đơn vị: Công ty TNHH LIKELION & Công ty TNHH Shinhan DS Việt Nam
a. Cơng ty TNHH LIKELION

Hình 1.1: Logo công ty TNHH LIKELION
+ Lĩnh vực hoạt động: đào tạo lập trình.
+ Địa chỉ tại Việt Nam: 38A Nguyễn Thị Diệu, Phường 6, Quận 3, Hồ Chí
Minh
+ Website: />+ Điện thoại: (+84) 90 8885 090
+ Email:
+ Thời gian làm việc: 10:00 - 18:00 | Off time 13:00 - 14:00
b. Công ty TNHH Shinhan DS Việt Nam

8


Hình 1.2: Logo cơng ty ShinhanDS Việt Nam
+ Lĩnh vực hoạt động: làm phần mềm product cho tập đoàn Shinhan và
nhận cả dự án outsource.
+ Địa chỉ: Phòng 1905, Tầng 19, Centec Tower, 72-74 Nguyễn Thị Minh
Khai, Phường Võ Thị Sáu, Quận 03, TP. Hồ Chí Minh, Việt Nam.
+ Website: />+ Điện thoại: (084 – 028) 3823 7255.
+ Email:
+ Thời gian làm việc: 8h30 – 17h30 từ thứ 2 đến thứ 6.
+ Sứ mệnh: dẫn dắt sự đổi mới trong kinh doanh của khách hàng.
+ Slogan: “Abilities advance, Build development Protocol, Coverage
Expansive”
+ Giá trị cốt lõi:
 Hướng về khách hàng
 Tôn trọng lẫn nhau
 Dẫn đầu thay đổi
 Vươn tới đỉnh cao
 Tinh thần tự chủ.

9


Hình 1.3: tịa nhà Shinhan trụ sở chính tại Hàn Quốc
-

Tập đồn Tài chính Shinhan được xem như tập đồn tiên phong về việc nắm giữ
tài chính tại Hàn Quốc. Tập đoàn được thành lập trên nền tảng của Ngân hàng

Shinhan, Quỹ Đầu tư Shinhan và Công ty Quản lý Đầu tư Shinhan.

-

Chiến lược kinh doanh của Tập đoàn Tài chính Shinhan là cung cấp cho khách
hàng dịch vụ đa dạng, tiện lợi và thỏa đáng thông qua sự phân bố chun biệt và
hiệu quả. Bên cạnh đó, tập đồn ln nỗ lực đa dạng hóa phạm vi kinh doanh,
10


cũng như cập nhật những cơng nghệ tài chính mới nhất để trở thành tập đồn tài
chính dẫn đầu trên quy mơ tồn cầu.Mục tiêu của cơng ty là tạo ra những giá trị
tích cực cũng như những sản phẩm đẳng cấp phù hợp với các tiêu chuẩn quốc tế.
Geek Up không ngừng gia tăng giá trị cộng đồng bằng khả năng cung cấp cho
khách hàng những sản phẩm và dịch vụ chất lượng cao nhất trong các lĩnh vực
phát triển phần mềm. Công ty sẽ phát triển và cung cấp phần mềm đúng thời gian,
trong phạm vi ngân sách và chất lượng cao nhất đem đến cho khách hàng sự hài
lòng tuyệt đối, lợi nhuận tối đa, sự phát triển mạnh mẽ của thương hiệu sản phẩm.
-

Ngày 18 tháng 09 năm 2018, Shinhan DS Hàn Quốc đã thành lập chi nhánh nước
ngồi đầ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
khố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 Á.

-

Nắm bắt nhu cầu và thường xuyên cập nhật xu hướng trong ngành, mỗi một thành
viên của công ty luôn không ngừng nâng cao khả năng của bản thân để mang đến

giá trị tích cực cho khách hàng.

II.

Cơ cấu tổ chức

Shinhan DS được tổ chức theo mô hình phẳng. Một mơ hình mà trong đó mỗi thành
viên sẽ đóng các vai trị linh hoạt trong các nhóm, tổ chức khác nhau.
● Squad: là các thành viên trong cùng một nhóm cùng nhau thực hiện các
cơng việc cần thiết để đạt được mục tiêu (goal) chung của dự án.
● Chapter: các thành viên trong cùng một nhóm có chung chun mơn
(expertise). Mục đích là hỗ trợ nhau về mặt chuyên môn, cùng nhau trưởng
thành về mặt chuyên môn.

11


● Guild: các thành viên trong cùng một nhóm có chung một sở thích
(interest), mối quan tâm nào đó, mục đích là cùng tham gia các hoạt động
thuộc về sở thích, các mối quan tâm ngồi cơng việc.

Hình 1.4: Shinhan DS Viet Nam Organization Chart
III.

Tổng quan việc kinh doanh

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
khố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 Á, với đội ngũ thành viên chuyên môn cao, chất
lượng Shinhan DS đã gần như hồn thành mục tiêu đầu tiên của mình, phát triển, triển

12


khai rất nhiều dự án phần mềm hỗ trợ cho các lĩnh vực khác của Shinhan tại Việt Nam
như Shinhan Bank, Shinhan Finance, Shinhan Life.
Các giai đoạn phát triển chiến lược của Shinhan:
-

Giai đoạn 1: Gia nhập thị trường Việt Nam, cung cấp dịch vụ cho các công ty con
thuộc Tập đồn Tài chính Shinhan và cơng ty nội địa.

-

Giai đoạn 2: Tiến đến Vành đai Châu Á (bao gồm Khmer, Manila và Indonesia).

-

Giai đoạn 3: Mở rộng quy mô kinh doanh ra thị trường quốc tế.

Hình 1.5: Shinhan DS Viet Nam Map global
Mục tiêu của Shinhan DS Việt Nam:
13


-

Ngắn hạn: Ổn định môi trường địa phương & Tạo nền tảng để áp dụng cơng nghệ

tồn cầu vào thị trường nội địa (Glocalization).

-

Dài hạn: Trở thành nhà cải cách cơng nghệ tồn cầu (trung tâm Cơng nghệ Thơng
tin tại Đơng Nam Á).

Hình 1.6: Mục tiêu của Shinhan DS Việt Nam
Một số sản phẩm của Shinhan DS Việt Nam:
● Website Shinhan Bank- />
14


Hình 1.7: website shinhan bank
● Website Shinhan Finance - />
Hình 1.8: Website Shinhan Finance.

● Website Shinhan Life - />
15


Hình 1.9: Website Shinhan Life.
Bên cạnh việc phát triển các website cho các lĩnh vực khác của Shinhan, Shinhan
DS Việt Nam cũng thực hiện phát triển các phần mềm HRM hỗ trợ quản lý nhân
sự, và các phần mềm nghiệp vụ ngân hàng cho các quốc gia khác trong khu vực
Châu Á.
IV.

Văn hóa cơng ty
Văn hóa Shinhan mang những nét đặc trưng riêng, được xây dựng bởi tập thể các

thành viên Shinhan với những cá tính, bản sắc khác nhau nhưng luôn theo đuổi một
sứ mệnh duy nhất: “Phục vụ tốt nhất cho khách hàng”. Với mong muốn tạo nên sự
liên kết chặt chẽ giữa các cá thể này, Shinhan WAY ra đời với mong muốn kết nối các
thành viên của đại gia đình Shinhan bằng ngọn lửa của sự hy vọng và khát khao,
không ngừng nỗ lực phát triển bản thân, cùng với sự cách tân đầy sáng tạo. Bên cạnh
đó, Shinhan DS cịn đề cao sự đồn kết vững mạnh, sự hỗ trợ và tôn trọng lẫn nhau
giữa các thành viên, để cùng mang đến những giá trị tốt đẹp cho cộng đồng.

16


Hình 1.10: Nhân tố hình thành văn hóa cơng ty Shinhan DS Việt Nam
Văn hóa Shinhan được xây dựng dựa trên nồng cốt là các giá trị cốt lõi:
● Đúng đắn: coi trọng việc làm những gì ĐÚNG ĐẮN cho khách hàng và
cho thế hệ tương lai.
● Nhanh chóng: coi trọng việc trở nên NHANH CHÓNG, nhằm thực hiện
mọi việc một cách linh hoạt và hiệu quả, không ngừng học hỏi và tiếp
tục tiến lên phía trước.
● Khác biệt: tơn trọng sự KHÁC BIỆT của từng cá nhân và xem trọng việc
tạo ra những kết quả KHÁC BIỆT.
Trang phục đi làm:

17


Hình 1.11: Shinhan DS Viet Nam dress code
-

Thời gian làm việc từ thứ 2 đến thứ 6 (8h30 – 17h30). Thời gian nghỉ trưa từ 12h

đến 13h, mọi nhân viên có thể ăn trưa, nghỉ ngơi trước khi bắt đầu công việc vào
buổi chiều.

-

Đồ ăn nhẹ, nước uống, trà, cà phê, trái cây được miễn phí cho tất cả nhân viên.

-

Nhân viên được khuyến khích sử dụng tiếng Anh khi giao tiếp.

-

Nhân viên sau mỗi ngày làm việc được khuyến khích ghi chú lại thời gian, đầu
mục cơng việc đã làm trong một ngày trên hệ thống của công ty để đảm bảo dự án
đang được thực hiện một cách tốt nhất.

-

Thứ 6 sẽ diễn ra ‘Family day” được về sớm 30 phút so với bình thường.

18


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

Công nghệ, giải pháp và quy trình áp dụng

1. Giới thiệu về mơ hình làm việc (Agile – Scrum)

Hình 2.1: Quy trình Agile
● Mơ hình Agile là gì ?
Khái niệm Agile (viết tắt của Agile Software Development) có nghĩa là
phương thức phát triển phần mềm linh hoạt, được ứng dụng trong quy trình
phát triển phần mềm với mục tiêu là đưa sản phẩm đến tay người dùng càng
nhanh càng tốt. Nguyên tắc phát triển mơ hình là phân đoạn lặp (iterative)
và tăng trưởng (incremental), theo đó nhu cầu và giải pháp tiến hóa thơng
qua sự hợp tác giữa các nhóm tự quản và liên chức năng.
Rất nhiều nơi định nghĩa Agile như một phương pháp. Thực chất, Agile
giống như một phương pháp luận, một triết lý dựa trên hơn nguyên tắc phân
đoạn vòng lặp (iterative) và tăng trưởng (incremental).
19


Ngày nay, triết lí Agile đã vượt xa khỏi khu vực truyền thống của mình là
phát triển phần mềm để đóng góp sự thay đổi trong cách thức làm việc,
quản lý, sản xuất ở các ngành khác như sản xuất, dịch vụ, sales, marketing,
giáo dục... và trở thành một phương thức quản lý dự án phổ biến nhất hiện
nay với nhiều đại diện được gọi là các phương pháp “họ Agile”.

● Tuyên ngôn của Agile
-

Individuals and interactions over processes and tools: Cá nhân và
sự tương tác hơn là quy trình và công cụ

-

Working software over comprehensive documentation: Phần

mềm chạy tốt hơn là tài liệu đầy đủ

-

Customer collaboration over contract negotiation: Cộng tác với
khách hàng hơn là đàm phán hợp đồng

-

Responding to change over following a plan: Phản hồi với sự thay
đổi hơn là bám theo kế hoạch

● 12 nguyên tắc của Agile
-

Đáp ứng tồn diện nhu cầu khách hàng thơng qua việc giao hàng
sớm và sản phẩm có giá trị.

-

Thay đổi u cầu được chào đón, thậm chí là rất muộn trong quá
trình phát triển.

-

Giao phần mềm chạy được cho khách hàng một cách thường xuyên.

-

Nhà kinh doanh và các kỹ sư phần mềm cần làm việc cùng nhau

trong suốt dự án.

20