BÁO cáo THỰC tập PHÁT TRIỂN hệ THỐNG QUẢN lý

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

PHÁT TRIỂN HỆ THỐNG QUẢN LÝ
CÔNG TY THỰC TẬP
Công ty TNHH Giải pháp CNTT Minh Phú

Người phụ trách: Nguyễn Đình Phú
Thực tập sinh: Hồng Đình Quang
Mã số sinh viên: 18520342
Lớp: PMCL2018.1

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

Nguyễn Đình Phú
Hồng Đình Quang


2

LỜI MỞ ĐẦU

Ngày nay, nhu cầu phát triển của các ngành bán hàng cũng như chuỗi quản lý bán hàng là
một bộ phận không thể thiếu của ngành công nghiệp phần mềm. Với tốc độ phát triển vô cùng
mạnh mẽ của thời đại 4.0, các website quản lý đã 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.
Sau ba năm học tập trên trường, vì mong muốn có thêm kinh nghiệm thực tế, cũng như

muốn được tham gia làm dự án website trong một mơi trường chun nghiệp, em có dự định là
sẽ thực tập trong kỳ này. Vì vậy, em quyết định chọn Công ty TNHH Giải pháp và Công nghệ
Minh Phú - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện
được dự định này.

Nguyễn Đình Phú
Hồng Đình Quang


3

LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Công ty Công nghệ và Giải pháp Minh Phú đã 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, nhóm
thực tập chúng em đã tiếp thu được những kiến thức quan trọng để có thể tiếp tục phát triển sản
phẩm của cơng ty. 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 hoàn thành đợt thực tập này.
Đặc biệt cảm ơn chị Lưu Ngọc Bảo Nguyên, đã training quy định và văn hóa của cơng ty,
hướng dẫn, giúp đỡ cho chúng 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 Nguyễn Đình Phú, đã training React JS và
những kiến thức quan trọng về testing như Monkey test và Unit Test để có thể đảm bảo chất
lượng của sản phẩm, hỗ trợ chúng em rất nhiều về các vấn đề kỹ thuật Coding Framework trong
quá trình phát triển dự án sản phẩm, chỉ dẫn chúng em về cách làm báo cáo, lên kế hoạch cho
chúng em trong thời gian qua.
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.
Trương Nguyễn Tuấn Nam

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

Nguyễn Đình Phú
Hồng Đình Quang


4

NHẬN XÉT CỦA KHOA

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

Nguyễn Đình Phú

Hồng Đình Quang


5

MỤC LỤC
1.Giới thiêu về chức năng quản lý nhân viên.................................................................................................12
1.1.Màn hình chính......................................................................................................................................12
1.2.Màn hình thêm mới nhân viên..............................................................................................................13
1.3.Màn hình nhập file.................................................................................................................................14
1.4.Màn hình xem thơng tin nhân viên.......................................................................................................14
1.5.Chức năng xóa thơng tin nhân viên......................................................................................................15
1.6.Màn hình sửa thơng tin nhân viên........................................................................................................17

CHƯƠNG 5: TỔNG KẾT..............................................................................................18
1.Kiến thức.......................................................................................................................................................18
2.Kỹ năng.........................................................................................................................................................18
3.Bài học kinh nghiệm.....................................................................................................................................18

TÀI LIỆU THAM KHẢO..............................................................................................19
TỔNG KẾT......................................................................................................................20
CHƯƠNG 1: GIỚI THIÊU TỔNG QUAN VỀ CÔNG TY THỰC TẬP

1. Giới thiệu công ty TNHH Giải pháp và Công nghệ Minh Phú
-

Tên công ty: Công ty TNHH Giải pháp và Công nghệ Minh Phú.

-

Tên viết tắt: Minh Phú Solutions.

-

Năm thành lập: 2019.

-

Quy mô công ty: 20 nhân viên.

-

Trụ sở công ty: 14Q1 đường số 38, Phường Thảo Điền, Quận 2, TP Hồ Chí Minh.

Nguyễn Đình Phú
Hồng Đình Quang


6
-

Lời giới thiệu ngắn: Công ty TNHH Công nghệ và Giải pháp Minh Phú được thành
lập ngày 12/9/2019, là một công ty start-up công nghệ phần mềm, người đại diện
pháp luật là anh Nguyễn Đình Phú (CEO). Ban đầu, Cơng ty lấy tên là Công ty
TNHH Phần mềm Minh Phú, sau đó đổi thành Cơng ty TNHH Cơng nghệ và Giải
pháp Minh Phú và giữ cái tên đó cho đến ngày nay.

2. Sản phẩm của công ty
-

Từ khi thành lập vào cuối năm 2019 đến tháng 02/2021 (03 năm) công ty tập trung vàp
phát triển và hoàn thiện phần mềm

-

Từ tháng 03/2021: xây dựng và phát triển một số tính năng cho phần mềm theo yêu cầu
của khách hàng; đẩy mạnh tìm kiếm khách hàng.

3. Giới thiệu cơng việc
3.1 Vị trí
Sinh viên thực tập tại vị trí developer

3.2 Cơng việc
-

Tìm hiểu về quy trình làm việc, làm task, nghiệp vụ cơng ty.
Tìm hiểu về monkey test và unit test.
Tìm hiểu về React JS và Ant Design.

3.3 Yêu cầu
-

Nắm rõ được quy trình làm việc và tuân thủ đúng.
Hiểu rõ các kiến thực của Monkey Test và Unit Test.
Giao tiếp tốt và teamwork tốt với các thành viên trong công ty.

3.4 Nhiệm vụ của sinh viên thực tập
-

Hoàn thành đầy đủ các task được giao.

Nguyễn Đình Phú
Hồng Đình Quang


7
-

Thực hiện đúng quy trình phát triền phần mêm của công ty.
Đi làm đúng giờ, số ngày trong tuần thỏa thn với cơng ty.

CHƯƠNG 2: Q TRÌNH THỰC TẬP
1. Kế hoạch thực tập

KẾ HOẠCH THỰC TẬP TẠI MINH PHÚ SOLUTIONS
17/5/2021 – 30/6/2021
TUẦN

CƠNG VIỆC

MỤC ĐÍCH

1

Làm quen, tìm hiểu về cơng ty

Học và làm quen với cách làm việc
của công ty

Tiến hành đọc hiểu Monkey test và Unit

test sự hướng dẫn của mentor.

Nắm được testing cần làm những
thao tác gì.
Hiểu được luồng hoạt động của phần
mềm đang phát triển

2

Làm Monkey Test

Tìm các bug/feature cases rồi thêm
vào evidence để dev fix.
Cách thực hiện các bước test.

3

Làm Unit Test

Học cách testing file Unit Test và kết

Nguyễn Đình Phú
Hồng Đình Quang


8
hợp với Monkey Test để test hiệu quả
hơn.
4-6

7-…

Đọc hiểu và coding sample React Js
theo video.

Vận dụng công nghệ mà công ty đang
sử dụng để phát triển.

Đọc hiểu về Ant Design.

Sử dụng thuần thục thiết kế của Ant
đồng bộ theo dự án của cơng ty.

Làm quen với framework, mơ hình sản
phẩm của công ty.

Áp dụng kỹ năng từ coding sample
vào framework, workflow của công
ty.

Bảng 2.1: Kế hoạch thực tập

2. Thời gian biểu làm việc
•

Thời gian làm việc:
-

•

Sáng từ 8h00 tới 12h00
Chiều từ 13h00 tới 17h00
Các buổi làm việc trong tuần:
Thứ 2 Thứ 3 Thứ 4 Thứ 5
Sáng

x

x

x

Chiều

x

x

x

Thứ 6

Thứ 7

Bảng 2.2: Thời gian thực tập trong tuần

Nguyễn Đình Phú
Hồng Đình Quang

9

CHƯƠNG 3: CÔNG NGHỆ VÀ KIẾN THỨC HỌC ĐƯỢC
1. React.js
1.1.

Giới thiệu
React.js là một thư viện Javascript đang nổi lên trong những năm gần đây với xu hướng
Single Page Application. Trong khi những framework khác cố gắng hướng đến một mơ
hình MVC hồn thiện thì React nổi bật với sự đơn giản và dễ dàng phối hợp với những
thư viện Javascript khác. React.js cho phép nhúng code html trong code javascript nhờ
vào JSX, bạn có thể dễ dàng lồng các đoạn HTML vào trong JS. Tích hợp giữa
javascript và HTML vào trong JSX làm cho các component dễ hiểu hơn.
React là một thư viện UI phát triển tại Facebook để hỗ trợ việc xây dựng những thành
phần (components) UI có tính tương tác cao, có trạng thái và có thể sử dụng lại được.

1.2.

Các tính năng của React.js
1.2.1. Virtual DOM

Nguyễn Đình Phú
Hồng Đình Quang


10

Hình 3.1: Cấu trúc DOM Tree
DOM là tên gọi tắt của Document Object Model (Mơ hình Đối tượng Tài liệu), là một
chuẩn được định nghĩa bởi W3C dùng để truy xuất và thao tác trên code HTML hay

XML bằng các ngơn ngữ lập trình thơng dịch (scripting language) như Javascript.
DOM giúp thao tác với dữ liệu theo mơ hình hướng đối tượng do các phần tử trong
DOM có cấu trúc được định nghĩa thành các đối tượng, phương thức, thuộc tính để có
thể truy xuất dễ dàng. Chúng được coi như các node và được biểu diễn dưới dạng DOM
Tree.
Trong khi HTML là 1 đoạn code, DOM là một thể hiện trừu tượng của đoạn code đó
trong bộ nhớ.
Virtual DOM là một object Javascript, mỗi object chứa đầy đủ thông tin cần thiết để
tạo ra một DOM, khi dữ liệu thay đổi nó sẽ tính tốn sự thay đổi giữa object và tree
thật, điều này sẽ giúp tối ưu hoá việc re-render DOM Tree thật. React sử dụng cơ chế
one-way data binding – luồng dữ liệu 1 chiều. Dữ liệu được truyền từ parent đến child
thông qua props. Luồng dữ liệu đơn giản giúp chúng ta dễ dàng kiểm soát cũng như sửa
lỗi. Với các đặc điểm ở trên, React dùng để xây dựng các ứng dụng lớn mà dữ liệu của
chúng thay đổi liên tục theo thời gian. Dữ liệu thay đổi thì hầu hết kèm theo sự thay đổi
về giao diện.

1.2.2. JSX
JSX là một dạng ngôn ngữ cho phép viết các mã HTML trong Javascript. Đặc điểm:
Faster: Nhanh hơn. JSX thực hiện tối ưu hóa trong khi biên dịch sang mã Javacsript.
Các mã này cho thời gian thực hiện nhanh hơn nhiều so với một mã tương đương viết
trực tiếp bằng Javascript.

Nguyễn Đình Phú
Hồng Đình Quang


11

1.2.3. Props và State
Props: giúp các component tương tác với nhau, component nhận input gọi là props, và

trả thuộc tính mơ tả những gì component con sẽ render. Prop là bất biến. State: thể hiện
trạng thái của ứng dụng, khi state thay đồi thì component đồng thời render lại để cập
nhật UI.

2. Ant Design
2.1.

Giới thiệu
Ant là tập hợp các components của React được xây dựng theo chuẩn thiết kế của Ant
UED Team. Tương tự như chuẩn Material Design, Ant cung cấp hầu hết các component
thông dụng trong ứng dụng web hiện đại, như Layout, Button, Icon, DatePicket, v.v…
Bên cạnh đó Ant cũng có những component riêng thú vị, như LocaleProvider cho phép
bạn thay đổi ngơn ngữ trên tồn ứng dụng.

Có thể coi Ant Design cho React là tập hợp của hầu hết các thư viện về React. Nó đáp
ứng được hầu hết các yêu cầu của project của bạn mà ban không phải cài thêm bất cứ thư
viện nào nữa. Dưới đây là danh sách các component mà nó cung cấp:

•

General: Button, Icon

•

Layout: Grid, Layout

•

Navigation: Affix, Breadcrumb, Dropdown, Menu, Pagination, Steps

•

Data Entry: AutoComplete, Checkbox, Cascader, DatePicker, Form,
InputNumber, Input, Mention, Rate, Radio, Switch, Slider, Select, TreeSelect,
Transfer, TimePicker, Upload

•

Data Display: Avatar, Badge, Collapse, Carousel, Card, Calendar, List, Popover,
Tree, Tooltip, Timeline, Tag, Tabs, Table

•

Feedback: Alert, Drawer, Modal, Message, Notification, Progress, Popconfirm,
Spin, Skeleton

•

Other: Anchor, BackTop, Divider, LocaleProvider

Nguyễn Đình Phú
Hồng Đình Quang


12

CHƯƠNG 4: CHI TIẾT VỀ QUÁ TRÌNH THỰC TẬP
Theo quy chế đối với thực tập sinh, trích dẫn:
Điều 5: Bảo mật thông tin
Phần a.Thông tin của khách hàng: … Bảo mật thông tin khách hàng ( họ tên, địa

chỉ, điện thoại, sản phẩm, doanh thu, dữ liệu, …)
Phần b.Thông tin của cơng ty: … Đảm bảo an tồn thơng tin về sản phẩm, dự án
đang trong giai đoạn kế hoạch, phát triển sản phẩm hoặc chưa được phép công bố.
Kèm theo quá trình thực tập chưa được lâu nên phần này sẽ mơ tả giới hạn về q trình thực tập.
1. Giới thiêu về chức năng quản lý nhân viên
1.1.

Màn hình chính

Màn hình quản lý nhân viên được giới thiệu là chức năng quản lý nhân viên. Bao gồm các tính
năng cơ bản như Thêm, Sửa, Xóa, Xem, Tìm kiếm, Nhập file, Tải dữ liệu về (CSV). Hơn nữa
ngoài các trường mặc định đã có sẵn trên thanh thơng tin tìm kiếm thì ở mục
cịn có thể lựa
chọn thêm nhiều trường hiển thị hoặc tìm kiếm khác nhau.

Nguyễn Đình Phú
Hồng Đình Quang


13

Bảng 4.1: Màn hình chính quản lý nhân viên

1.2.

Màn hình thêm mới nhân viên

Khi bấm vào button thêm mới thì lập tức hiện lên “Modal” thêm mới nhân viên

Nguyễn Đình Phú

Hồng Đình Quang


14

Bảng 4.2: Màn hình thêm mới nhân viên

1.3.

Màn hình nhập file

Màn hình (Modal) này xuất hiện sau khi bấm vào button Nhập file. Ở màn hình này chúng ta sẽ
load dữ liệu của nhân viên bằng file excel có sẵn sau khi tải về từ button “Tải file mẫu”.

Bảng 4.3: Màn hình nhập file nhân viên

1.4.

Màn hình xem thơng tin nhân viên

Màn hình xem thơng tin nhân viên xuất hiện sau khi tick vào ô của 1 nhân viên hiển thị ở ô
hiển thị data và bấm vào button “Xem”

Nguyễn Đình Phú
Hồng Đình Quang


15

Bảng 4.4: Màn hình xem thơng tin nhân viên

1.5.

Chức năng xóa thơng tin nhân viên

Thơng báo (modal) xóa thơng tin hiện ra sau khi chọn 1 nhân viên và bấm vào button “Xóa”.

Nguyễn Đình Phú
Hồng Đình Quang


16

Bảng 4.5: Màn hình hiển thị chức năng xóa mới nhân viên

Nguyễn Đình Phú
Hồng Đình Quang


17

1.6.

Màn hình sửa thơng tin nhân viên

Màn hình (modal) sửa thông tin nhân viên hiển thị sau khi chọn 1 nhân viên bất kỳ và bấm vào
button “Chỉnh sửa”.

Bảng 4.6: Màn hình sửa nhân viên

Nguyễn Đình Phú
Hồng Đình Quang


18

CHƯƠNG 5: TỔNG KẾT
1. Kiến thức
•

Tìm hiểu, học hỏi và sử dụng thêm được framework JS là React

•

Củng cố kiến thức về lập trình Front-End như HTML, CSS, JavaScript, Typescript

•

Biết sử dụng Ant Design dự án thực tế.

2. Kỹ năng
•

Cải thiện kỹ năng phân tích, phát hiện và xử lý lỗi trong q trình code.

•

Tăng cường khả năng học hỏi và giao tiếp khi làm việc nhóm.

•

Nâng cao khả năng tự học hỏi, tìm hiểu cơng nghệ mới.

•

Biết quy trình làm việc nhóm và triển khai dự án thực tế.

•

Đảm bảo đúng tiến độ cơng việc.

3. Bài học kinh nghiệm
•

Làm việc trong mơi trường chun nghiệp, năng động.

•

Hiểu thêm về quy trình làm việc ở dự án thực tế.

Nguyễn Đình Phú
Hồng Đình Quang


19

TÀI LIỆU THAM KHẢO
Ant Design
ign/components/overview/
a/p/gioi-thieu-ant-design-L4x5xwzblBM

React JS
a/p/gioi-thieu-reactjs-Qbq5QvaGKD8
/>
Nguyễn Đình Phú
Hồng Đình Quang


20

TỔNG KẾT
Sau 3 tháng thực tập tại công ty, em đã học được rất nhiều đều, không chỉ kiến thức riêng về lập
trình mà cịn về quy chuẩn, văn hóa làm việc tại công ty, để biết được rằng hiện tại những doanh nghiệp
trên thị trường đang làm việc như thế nào, điều phối nhân lực và tài nguyên ra sao.
Hơn nữa, em còn được tiếp thu những kinh nghiệp quý báu từ các anh/chị và đồng nghiệp, góp
phần giúp em hồn thiện kiến thức, kỹ năng của mình và đạt được một số thành cơng nhất định trong
q trình thực tập tại công ty.
Về tư tưởng của bản thân, em biết được làm sao để trở thành một lập trình viên, các những lập
trình viên khác giải quyết vấn đề, về nghề nghiệp sẽ làm trong tương lai, định hướng nghề nghiệp.

Nguyễn Đình Phú
Hồng Đình Quang