báo cáo thực tập lập trình ứng dụng

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 ỨNG DỤNG
Cơng ty thực tập
Thi

Người phụ trách

Thực tập sinh

: Công ty TNHH Công Nghệ Khả
: Lê Cơng Minh Trí
: Hồng Đức Minh

TP. Hồ Chí Minh, tháng 07 năm 2020


LỜI MỞ ĐẦU
Chúng ta biết rằng trang web đầu tiên được ra mắt vào tháng 8 năm 1991 bởi
Tim Berners-Lee. Số lượng trang web đã tăng lên kể từ đó, trước khi phát triển lên
hàng triệu trang mới được thêm trước năm 2000. Ngày nay với sự phát triển mạnh mẽ
của internet và cơ sở hạ tầng viễn thông, ngành cơng nghiệp “khơng khói” web khẳng
định vai trị và vị thế to lớn của mình. Nhu cầu phát triển web,app phục vụ cho kinh tế,
thương mại, giáo dục, văn hoá,... rất lớn.
Bản thân là một người đam mê công nghệ và mong muốn áp dụng công nghệ
để làm cho cuộc sống tốt hơn, em luôn luôn học hỏi, trau dồi thêm các kiến thức, kỹ
năng cuộc sống và một vốn công nghệ cần thiết để phục vụ nhu cầu của bản thân.
Web là một trong số các công nghệ em đã và đang theo đuổi. Em đã bắt đầu học lập

trình web từ năm thứ ba của đại học và vẫn đang tiếp tục cho đến ngày hôm nay là
năm thứ tư.
Thời điểm học kỳ hai của năm tư đại học, nhận thấy đây là thời điểm thích hợp
để bản thân đi học hỏi kỹ năng, kinh nghiệm làm dự án thực tế em bắt đầu lên kế
hoạch đi thực tập doanh nghiệp. Bản thân em sau nhiều ngày suy nghĩ, đắn đo đã
quyết định lựa chọn Công ty TNHH Cơng Nghệ Khả Thi là nơi thực tập
chính thức của bản thân. Đây là cơng ty có mơi trường trẻ, nhiệt huyết, phù hợp cho
em học tập và phát triển.

2


LỜI CẢM ƠN
Em xin trân trọng gửi lời cảm ơn sâu sắc đến quý Công ty TNHH Công

Nghệ Khả Thi đã tạo điều kiện cho em có cơ hội được học tập và trải nghiệm
trong môi trường chuyên nghiệ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,
nhóm thực tập chúng em đã tiếp thu được những kiến thức quan trọng để có thể làm
được một website. 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 em
xin gửi lời cảm ơn đặc biệt đến anh Hùng - Technical Lead công ty đã chân thành chia
sẻ cho những kiến thức, kinh nghiệm trong công việc và cuộc sống, những lời khuyên
bổ ích để em tiến bộ, phát triển hơn.
Cuối cùng em xin gửi lịng biết ơn đến các thầy cơ khoa Công nghệ Phần mềm,
trường Đại học Công nghệ Thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh đã
nhiệt tình hỗ trợ, tạo điều kiện để em hồn thành tốt mơn thực tập doanh nghiệp này.
Sinh viên thực hiện
Hồng Đức Minh
TP. Hồ Chí Minh, ngày 28/07/2020

3


NHẬN XÉT CỦA KHOA
……………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….
……………………………………………….……………………………………………….

4


……………………………………………………………………………………………………
……………………………………………………..

MỤC LỤC

20

Lập trình web front-end với React

5


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

1. Giới thiệu Công ty TNHH Công Nghệ Khả Thi (EXE Corp)
EXE Corp là một công ty công nghệ chuyên xây dựng nền tảng giáo dục

cho các trường học, Mục tiêu của công ty là phục vụ hàng triệu người dung
đang là học sinh ở cách trường đang sử dụng dịch vụ của công ty.
Được thành lập vào tháng 3 năm 2009, EXE Corp chuyên cung cấp các
giải pháp CNTT nổi bật theo cách thức phục vụ tốt nhất nhu cầu kinh doanh.
Chúng tôi là những kỹ sư phần mềm, nhà thiết kế UX chuyên nghiệp và các nhà
phân tích chuyên gia. Chúng tôi là những người trẻ với mong muốn giúp các
doanh nghiệp thích nghi với sự thay đổi của thế giới. Chúng tôi cố gắng trở
thành người bạn đồng hành, người trong cuộc và là người bạn trung thành với
mọi khách hàng. Trong chuyến thám hiểm của chúng tôi, chúng tơi đã có đặc
quyền phục vụ hơn 200 khách hàng từ nhiều nơi trên thế giới: Canada, Mỹ, Úc,

Việt Nam và nhiều quốc gia khác.

2. Sản phẩm của công ty
AIS: một ứng dụng di động, web hỗ trợ trường quốc tế AIS. Đây là một nền tảng
để nhà trường có thể quản lý sinh viên , giới thiệu dịch vụ của họ.

6


Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Lập trình back-end với Node” nhằm mục đích giúp sinh
viên thực tập được đào tạo kiến thức toàn diện về lập trình web sử dụng cơng
Node,qua đó có cái nhìn tổng quan hơn về backend, đồ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, khám phá và làm việc trong một môi trường phát triển
phần mềm chun nghiệp.

1. Tìm hiểu cơng ty và các quy định đối với nhân viên
Thời gian: 1 ngày
Nội dung: Giới thiệu về công ty, các quy định đối với nhân viên mới
- Được 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,
các sản phẩm, thành quả đạt được và hướng đi của công ty trong tương lai.
Kết quả: Hiểu hơn về công ty cổ phần EXE Corp, các đồng nghiệp, văn hoá và
môi trường làm việc, cách dự án đang triển khai. Từ đó dễ dàng thích nghi hơn
với mơi trường mới để đạt được năng suất cao trong công việc.

2. Nghiên cứu kỹ thuật
2.1.

Cài đặt môi trường

Thời gian: 1 ngày
Nội dung: Cài đặt về các công cụ sẽ được sử dụng trong q trình làm việc.
-

Cơng cụ trao đổi, giao tiếp: Slack, Skype.

-

Công cụ quản lý dự án: Jira.

-

Công cụ quản lý phiên bản phần mềm:Bitbucket.

-

Cơng cụ liên quan lập trình:Dbeaver,Postgres Docker, Visual Code.

Thực hiện: Thực hành sử dụng các phần mềm đã nêu trên.
7


Kết quả: Làm quen, biết được công dụng và cách sử dụng các cơng cụ phục
vụ cơng việc.
2.2.

Tìm hiểu ngơn ngữ JavaScript
Thời gian: 5 ngày (1 tuần)
Nội dung: Tìm hiểu các kiến thức nâng cao của JavaScript(ES6)
-

Lập trình hướng chức năng (Functional Programming).

-

Các kiến thức cơ bản về DOM, Strings, Arrays, Objects, Variables,

-

ES6 và các vấn đề hạn chế của JavaScript.

Thực hiện:
-

Tham gia đầy đủ các buổi training của công ty.

-

Có được những kiến thức quan trọng về TypeScript, npm.

-

Ngồi ra còn được biết clean code, viết code sao cho đúng chuẩn, dễ đọc

Kết quả:

và dễ hiểu.
2.3.

Lập trình web front-end với Angular 2

Thời gian: (3 tuần)
Nội dung: Các kiến thức và kinh nghiệm lập trình front-end với Angular 2
-

Css cho component.

-

One way binding .

-

Event Binding,Observable va Promise

-

Tương tác giữa các component,routing.

-

Làm việc với POST, GET, PUT, DELETE.

Thực hiện:
-

Tham gia đầy đủ các buổi training.

-

Làm các bài thực hành, kiểm tra về kiến thức đã học.

-

Tham gia làm 1 số task nhỏ .
8


Kết quả:
-

2.4.

Hiểu được những khái niệm cơ bản trong lập trình front-end với Angular.

Lập trình web back-end với Node
Thời gian: > 48 ngày (2 tháng)
Nội dung: Sử dụng Node trong lập trình web back-end
-

Kiến thức cơ bản về Server, giao thức HTTP, kiến trúc cơ bản của backend.

-

Sử dụng File System, Error, Hash.

-

Tìm hiểu về Express và thực hiện một trong web theo mơ hình MVC.

-

Học nestjs.

-

Sử dụng Sequelize và postgres cho database.

Thực hiện:
-

Tham gia đầy đủ các buổi training.

-

Tạo ra ứng dụng demo_school viết bằng Express, sử dụng mô hình MVC.

-

Viết lại ứng dụng demo_school bằng nestjs.

-

Tham gia dự án với mọi người dưới sự hướng dẫn của anh senior.

Kết quả:
-

Nắm được kiến thức cơ bản về back-end và những kiến thức phụ trợ.

-

Biết cách sử dụng nestjs, Express, Postgresql,, Sequelize ..

-

Biết cách áp dụng mơ hình MVC, ứng dụng web back-end.

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ề JavaScript, Angular. Trong tháng thứ hai, người hướng dẫn
thấy thực tập sinh thích backend hơn nên đã khuyến khích thực tập sinh chuyển
9


qua backend.Tháng thứ 3 , người hướng dẫn yêu cầu thực tập sinh áp dụng
những kiến thức đã học tham gia dự án của công ty.
Chi tiết đồ án sẽ được nói ở phần sau.

4. Lịch làm việc
Người
Tuần

Cơng việc

hướng
dẫn

5, 6

người hướng dẫn

nhân sự và các quy định

(Hr)

10

đối với nhân viên.
Tìm hiểu các kiến thức cơ bản

Anh Tài

7/ 10

và của JavaScript,html,css.

Phạm

javascript nên hơi
khó tiếp cận.

Các kiến thức và kinh nghiệm

(Senior)
Anh Trí

lập trình front-end với Angular

Lê

Sử dụng Node (express) trong

(Senior)
Anh Trí

lập trình web back-end

Lê, Tài

chưa tìm hiểu kĩ dể

Phạm
Anh Tài

mắc sai lầm.
Tạm thời chấp

Học Nestjs

Chưa học

7 / 10

8/ 10

8 / 10

Phạm,

7

Học quá nhanh ,

nhận được

anh Trí
Lê
Anh

07 /

Làm việc hiệu quả

-Nhận task backend làm

Hùng

10

với team Design và

dưới sự hướng dẫn

(Lead)

-

11,12

hoàn

Chị Anh

-

8,9,10,

Nhận xét của

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

1

3, 4

độ
thành
09 /

-

2

Mức

Tham gia dự án:

QC. Hơi trể so với
deadline

10

10


11

11


Chương 3: Chi tiết về project
1. Giới thiệu về dự án:
Tên dự án:

Pets

Ý tưởng:

Bắt nguồn từ tình yêu động vật và đặt biệt là những loại thú nuôi hằng
ngày. Cùng với đó chúng em muốn mọi người có thể cùng nhau trao
đổi và cùng nhau có một nơi uy tính để mua bán thú cưng với nhau mà
hình thành nên Pets này.

12

12


1.1.

Các màn hình chính và tính năng.

1.2.1. Màn hình Trang chủ

13

13


1.2.2. Màn hình tạo phiên
Màn hình yêu cầu khách hàng nhập các thông tin phiên đấu giá

14

14


1.2.3. Màn hình quản lý phiên đấu giá cá nhân
Màn hình sẻ liệt kê danh sách phiên đấu giá của người dung

15

15


1.2.4. Màn hình đấu giá của từng phiên và admin quản lý
Màn hình này chứa thơng tin các sản phẩm,user đang được/ tham gia đấu giá
chạy realtime .

16

16


1.2.5. Màn hình thơng tin người dùng
Màn này hiển thị thông tin người dùng đăng nhập ,...

17

17


1.2.6. Màn hình đăng kí phiêm đấu giá mới
Màn hình yêu cầu khách hàng nhập các thông tin liên quan đến việc khởi tạo 1
phiên đấu giá

18

18


2. Thực hiện
Thành Viên Internship:
-

Hồng Đức Minh
Mentor hướng dẫn:

-

Anh Trí Lê : hướng dẫn frontend

-

Anh Tài Phạm : Hướng dẫn backend

3. Kế hoạch-Thực hiện
-

Viết api và unit testing cho các API bên back-end.

-

Triển khai giao diện trang web từ thiết kế Figma theo từng màn hình,
component.

-

Viết các xử lý logic cho các màn hình, component.

-

Kết nối các API từ back-end cho từng màn hình, component.

-

Kết nối logic giữa các màn hình.

-

Viết unit testing cho front-end.

-

Tối ưu css và image cho trang web.

-

Build source code và triển khai lên server.

-

Fix các bug bị thất bại từ bộ phận QC.
Kết quả: Hoàn thành 99% các yêu cầu đã được giao.

19

19


TÀI LIỆU THAM KHẢO
/> /> /> /> /> /> />
/>
20

20


TỔNG KẾT
Như vậy, chỉ trong vòng một khoảng thời gian ngắn 12 tuần, em đã được trải nghiệm

và học hỏi rất nhiều kỹ năng, kiến thức quan trọng
Em xin chân thành cảm ơn anh Trí Lê, anh Tài Phạm và các anh, chị , các bạn trong
team đã giúp đỡ em hoàn thành kỳ thực tập này.

21

21