Báo cáo thực tập xây dựng ứng dụng web với vuejs và nestjs
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (446.32 KB, 16 trang )
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
XÂY DỰNG ỨNG DỤNG WEB
VỚI VUEJS VÀ NESTJS
Cơng ty thực tập:
CyberLogitec Viet Nam
Người phụ trách:
Võ Hồng Nhựt
Thực tập sinh:
Phạm Tấn Khang
2
TP. Hồ Chí Minh, tháng 12 năm 2022
<Võ Hồng Nhựt>
<Phạm Tấn Khang>
3
LỜI MỞ ĐẦU
Với sự bùng nổ Internet, ngành công nghê phần mềm đã và đang là một trong những
ngàng nghề có sự phát triển vơ cùng mạnh mẽ. Nhu cầu thị trường cho các sản phẩm vô cùng
cao và đa dạng. Trong đó, lập trình viên website càng ngày càng phổ biến.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng khơng phải ngoại lệ. Ngành lập
trình website của Việt Nam đã và đang phát triển mạnh mẽ. Các cơng nghệ thay đổi theo từng
thời kì địi hỏi các doanh nghiệp và nhà phát triển luôn phải cập nhất, cải tiến các sản phẩm để
mang đến những sản phẩm tốt nhất, phù hợp nhất với thị trường.
Sau ba năm học tập trên trường, với mục đích muốn tích luỹ kinh nghiệm và nâng cao
trình độ cũng như muốn được trải nghiệm trong một môi trường làm việc chuyên nghiệp, em
quyết định muốn tìm kiếm một cơng ty thực tập. Thật may mắn khi em được nhận vào công ty
CyberLogitec Viet Nam với các dự án mới và công nghệ mới.
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
4
LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty CyberLogitec Viet Nam đã tạo điều kin cho em có cơ
hội được thực tập tại công ty.
Đặc biệt, em rất cảm ơn anh Nhựt Võ, Hiếu Lê, Huy Phạm và mọi người trong team đã
hướng dẫn và giúp đỡ em trong thời gian thực tập. Em đã được học rất nhiều thứ từ sự hướng
dẫn nhiệt tình của các anh, không chỉ học được những kỹ thuật, kiến thức trong các dự án thực
tế mà cịn tích góp được cho bản thân những kỹ năng mềm.
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.
Phạm Tấn khang
Tp. Hồ Chí Minh, ngày 19 tháng 12 năm 2022
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
5
NHẬN XÉT CỦA KHOA
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
.........................................................................................................................................................
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
6
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
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
3.
2.1.
Các cơng cụ làm việc.................................................................................................9
2.2.
Tìm hiểu về VueJS và NestJS....................................................................................9
2.3.
Thực hiện project.....................................................................................................10
2.4.
Tham gia vào dự án công ty.....................................................................................10
Lịch làm việc..................................................................................................................12
Chương 3.
Chi tiết về project.................................................................................................13
Chương 4.
Tổng kết................................................................................................................14
TÀI LIỆU THAM KHẢO............................................................................................................15
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
7
Chương 1.
Giới thiêu công ty thực tập
1. Giới thiệu công ty CyberLogitec Viet Nam
CyberLogitec Vietnam là một Trung tâm Phát triển Off-shore tại Việt Nam cung
cấp dịch vụ gia công phần mềm CNTT cho SW Development, Testing và Service
Desk 24/7.
CyberLogitec Vietnam chuyên về các giải pháp CNTT cho kinh doanh hậu cần
như vận chuyển, thiết bị đầu cuối, giao nhận. Hơn nữa, công ty cũng nghiên cứu các
công nghệ mới cho máy học (thị giác máy tính & chatbot), web, di động và thực tế
ảo.
CyberLogitec Việt Nam đã có hơn 12 năm trong ngành cung cấp dịch vụ CNTT
cho khách hàng tồn cầu của chúng tơi tại hơn 10 quốc gia như Hàn Quốc,
Singapore, Nhật Bản, Mỹ, Thái Lan, Trung Quốc, Ả Rập Saudi, Thổ Nhĩ Kỳ, UAE,
Malaysia, Brazil, …
Ưu tiên hàng đầu của công ty là mang lại giá trị cạnh tranh cao với dịch vụ gia
công phần mềm CNTT chất lượng cao cho khách hàng toàn cầu của cơng ty.
<Võ Hồng Nhựt>
<Phạm Tấn Khang>
8
2. Sản phẩm của công ty
Một số sản phẩm của công ty:
Opus Terminal M
Các chức năng cốt lõi:
-
Terminal Operations and Management.
-
3D Virtual Terminal Smart Vision.
-
Advanced Container Terminal functions.
-
Data Collaboration.
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
9
OPUS Fowarding
Cung cấp các giải pháp quản lý về logistics:
-
Booking, Forwarding, EDI.
-
Accounting.
-
Document.
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
10
Chương 2.
Nội dung thực tập
Tìm hiểu và nắm vững các kiến thức về VueJS, NestJS, RestfulAPI, Architect, luồng hoạt động,
nghiệp vụ và quy trình trong 1 dự án. Từ đó tham gia xây dựng webapp của cơng ty.
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, 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 CyberLogitec Viet Nam, 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. Nghiên cứu kỹ thuật
2.1.
Các cơng cụ làm việc
Thời gian: 1 ngày
Nội dung: Tìm hiểu về các cơng cụ sẽ được sử dụng trong q trình làm việc
Trong thời gian này, supervisor đã 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ư:
Skype, Gitlab, Blueprint – một ứng dụng nội bộ của công ty, …
Thực hiện: Thực hành sử dụng các phần mềm đã nêu trên.
Kết quả: Biết cách sử dụng và làm việc bằng những cơng cụ trên
2.2.
Tìm hiểu về VueJS và NestJS
Thời gian : 10 ngày (2 tuần)
Nội dung : Được training về công nghệ VueJS và NestJS và những kiến thức quan
trọng.
Thực hiện :
- Tham gia đầy đủ các buổi training của cơng ty.
<Võ Hồng Nhựt>
<Phạm Tấn Khang>
11
Kết quả :
-
Có kiến thức về VueJS và NestJS
-
Xây dựng được miniapp từ client đến server
2.3.
Thực hiện project
Sau 2 tuần được training về công cụ và kỹ thuật phát triển dự án thì em được giao
nhiệm vụ xây dựng giao diện và API cho các tính năng.
Nội dung:
-
Xây dựng giao diện màn hình
-
Viết API cho các tính năng.
-
Sử dụng Prisma để tương tác với database.
Thực hiện :
-
Báo cáo tiến độ hàng ngày cho leader và người hướng dẫn
Kết quả :
2.4.
Nâng cao kiến thức về VueJS và NestJS
Tham gia vào dự án công ty
2.4.1.
Tổng quan về dự án
-
Dự án về xây dựng ứng dụng training
-
Mô tả: Thiết kế API, giao diện theo yêu cầu của stakeholder
-
Các thành viên trong dự án:
Phạm Tấn Khang
Phạm Xuân Huy (mentor)
Võ Hoàng Nhựt (PM)
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
12
2.4.2.
Các cơng việc chính trong dự án
-
Phân tích u cầu
-
Tìm hiểu kiến trúc, tổng quan các layer trong dự án
-
Tìm hiểu luồng hoạt động của dự án
-
Thiết kế database, xây dựng giao diện, API cho các chức năng
-
Hỗ trợ tìm và fix bug
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
13
3. Lịch làm việc
Tuần
Cơng việc
-
1
Tìm hiểu về cơng Anh Phạm Xuân
ty, cách tổ chức của Huy
công ty.
Làm quen với các
công cụ làm việc
trong cơng ty.
-
2
-
3
-
4
5
6
7
8
Người hướng dẫn
-
-
Tìm hiểu cơng nghệ
VuejS, và thư viện
UI Vuetify
Thực hành kiến
thực đã được học
Tìm hiểu cơng
nghệ NestJS
Thực hành kiến
thực đã được học
Tìm hiểu về kiến
trúc dự án
Tìm hiểu logic, xử
lý và kiểm tra lỗi
các luồng hoạt động
trong dự án
Xây dựng giao diện
phù hợp yêu cầu với
task được giao
Viết các API cho
giao diện được giao
trên.
Sửa các lỗi về logic
và testcase của
tester
Báo cáo cuối đợt
thực tập
Mức
độ
hoàn
thành
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Anh Phạm Xuân
Huy
100%
Nhận xét của người
hướng dẫn
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
14
Chương 3.
Chi tiết về project
1. Giới thiệu về dự án
-
Tên dự án: Online Training Center.
-
Mục đích: Đào tạo và kiểm tra chất lượng nhân sự trong công ty qua các khố học
và bài kiểm tra.
-
Cơng nghệ: VueJS, NestJS, PostgreSQL
2. Thực hiện
-
Người thực hiện: Phạm Tấn Khang
-
Người hướng dẫn: Phạm Xuân Huy
Cùng một số thành viên trong team.
3. Kế hoạch
-
Giai đoạn 1: Phân tích yêu cầu
-
Giai đoạn 2: Thiết kế giao diện, cơ sở dữ liệu
-
Giai đoạn 3: Triển khai xây dựng ứng dụng
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
15
Chương 4.
Tổng kết
Qua 2 tháng thực tập tại công ty, em đã được tham gia vào một dự án thực tế của CyberLogitec
dưới vai trò Fullstack Developer. Trong khoảng thời gian này em đã học hỏi được rất nhiều thứ
không chỉ là các kỹ năng lập trình mà cịn cả về tác phong, kinh nghiệm và cả các kỹ năng
mềm.
Chân thành cảm ơn cơ hội thực tập tại công ty CyberLogitec và đặc biệt là sự giúp đỡ rất nhiệt
tình từ anh Huy đã giúp em hoàn thành tốt đợt thực tập. 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 giúp em hoàn thành bài báo cáo này.
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
16
TÀI LIỆU THAM KHẢO
[1] />[2] />[3] />[4] />[5] Cùng một số tài liệu nội bộ của dự án
<Võ Hoàng Nhựt>
<Phạm Tấn Khang>
