xây dựng web quản lý nhân sự bằng redux saga và nodejs

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 WEB QUẢN LÝ
NHÂN SỰ BẰNG REDUX
SAGA VÀ NODEJS
Công ty thực tập : FPT Telecom
Người phụ trách : Nguyễn Anh Tuấn
Thực tập sinh : Nguyễn Quốc An
TP. Hồ Chí Minh, ngày 14 tháng 8 năm 2019


LỜI MỞ ĐẦU
Ngày nay, ngành công nghiệp phát triển ứng dụng web 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ẽ, 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 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
công nghiệp phát triển web non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để hòa nhập
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 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ư muốn được tìm hiểu, bổ sung kiến thức trong một môi trường chuyên nghiệp, em có
dự định là sẽ thực tập trong học kì. Vì vậy, em quyết định chọn công ty FPT Telecom 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.

LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn đến Công ty FPT Telecom đã tạo điều kiện cho em có cơ hội
được thực tập tại công ty.
Trong thời gian thực tập vừa qua, nhờ sự tận tình giúp đỡ của các anh chị và các thành viên
trong đơn vị SCC , em đã có nhiều cơ hội để tìm hiểu, vận dụng và thực hành các kiến
thức được học vào các dự án thực tế. Ngoài ra, em còn được học hỏi kinh nghiệm từ các
anh chị đi trước, rèn luyện được cho bản thân khả năng nghiên cứu và ứng dụng vào thực
tế trong quá trình làm việc ở team.
Xin gửi lời cảm ơn chân thành đến Anh Tuấn và các anh chị đã đưa ra nhiều lời
khuyên, hướng dẫn tận tình và hỗ trợ em trong quá trình thực hiện công việc và hoàn thành
dự án của công ty.
Đặc biệt cảm ơn anh Trương Tấn Sang, anh Trung đã training các kiến thức quan trọng
về Full-stack như ReactJS, Redux và NodeJS đồng thời hỗ trợ em rất nhiều về các vấn
đề trong kĩ thuật xuyên suốt quá trình làm việc để có thể làm tốt dự án.

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.

Nguyễn Quốc An
Hồ Chí Minh, ngày 14 tháng 8 năm 2019


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

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………


………………………………………………………………………………………………

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

Giới thiệu công ty FPT Telecom ................................................................... 6

2.

Sản phẩm công ty ............................................................................................. 8
2.1.

FPT Play Box …………............................................................................... 8

2.2.

Fshare ……………..................................................................................... 9

2.3.

Mix166....................................................................................................... 10

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

Tìm hiểu công ty và các kỹ năng cơ bản trong công ty................................. 11

2.

Tìm hiểu và thực tập các bài tập Web cơ bản ............................................... 11

3.

2.4.

Các công cụ làm việc ................................................................................ 11

2.5.

Lập trình với NodeJS,ReactJS................................................................ 11

2.6.

Lập trình với Redux Saga........................................................................ 13

Thực hiện project ........................................................................................... 14

CHƯƠNG 3: GIỚI THIỆU PROJECT...................................................................... 14
1.

Giới thiệu về HRM Tools …….......................................................................... 14

2.

Các trang cần xây dựng.................................................................................. 14

3.

Thực hiện và kết quả ...................................................................................... 17


CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP
1. Giới thiệu công ty FPT Telecom

-

Tên công ty: Công ty cổ phần viễn thông FPT– Viết tắt FPT Telecom

-

Địa chỉ: Lô 29B-31B-33B, đường Tân Thuận, Khu chế xuất Tân Thuận, Quận 7

-

Số điện thoại :

028-73000-2222

Công ty F PT T e l e c o m được thành lập vào năm 1997 và phát triển thành một công ty
chuyên về viễn thông tại Tp Hồ Chí Minh với các hoạt động chủ yếu như là cung cấp các
dịch vụ viễn thông và internet ,cung cấp và cho thuê các máy chủ và sản xuất những dịch
vụ về truyền hình thông tin và lưu trữ đám mây như FPT Play Box, Fshare
Tại Việt Nam, công ty có chi nhánh trên toàn quốc và có 2 trụ sở chính tại TP.HCM và Hà Nội:
Trụ sở TP.HCM: Lô 29B-31B-33B, đường Tân Thuận, Khu chế xuất Tân Thuận, Quận 7, Tp. Hồ
Chí Minh


Trụ sở Hà Nội : 17 Phố Duy Tân, Dịch Vọng Hậu, Cầu Giấy, Hà Nội
Ngoài ra, công ty còn có một trung tâm dữ liệu (Data Center ) tại khu chế xuất Tân Thuận
Quận 7 , 12 chi nhánh ở Campuchia và một chi nhánh tại Myanmar.
FPT Telecom là một nhà cung cấp dịch vụ viễn thông và Internet có uy tín .
Hai lĩnh vực trọng tâm của công ty là cung cấp dịch vụ về viễn thông và internet
và gia công phần mềm kỹ thuật số dùng trong nội bộ công ty và trong tập đoàn FPT

Khách hàng đến với FPT Telecom nhằm xây dựng những trải nghiệm digital đặc sắc và
mạnh mẽ dành cho hoạt động quảng cáo của agencies và startup và với các dịch vụ mạnh
mẽ về server và hệ thống viễn thông

2. Sản phẩm công ty
2.1.

FPT Play Box

Đây là một ứng dụng về cung cấp dịch vụ truyền hình có khả năng tương thích với mọi dòng TV
,và sử dụng cùng đường truyền internet tại nhà và chỉ chiếm 4-5MB bang thông ,do vậy thiết bị
Bảo đảm cam kết về chất lượng ổn định trong mọi điều kiện thời tiết và không chịu tác động
Ngoại cảnh như nắng gió ,mưa ,bão


BOx hỗ trợ các hành vi uống a n t oàn. Ứng dụn g của s ẽ giúp bạn cập nhậ t s ố lư ợng chai bạn đã mở t rong mộ t khoảng th ờ i gian, đồng th ời nh ắc nh ở bạn khô ng bao giờ đ ược uốn g khi lái xe!

2.2.

Fshare

Fshare là một dịch vụ của FPT Telecom dùng để lưu trữ thông tin giúp chúng ta có thể download
Và chia sẻ dữ liệu nhanh chóng và dễ dàng .Ngoài ra Fshare còn có thể giúp chúng ta xem những
File mp3 và mp4 với chất lượng cao .Và có thể theo dõi các thư mục của mình trong thời gian thực


2.3.Mix166

Một sản phẩm dành cho giải trí với mục đích là nghe nhạc với chất lượng cao và liên
tục cập nhật những bài nhạc mới nhất trong và ngoài nước

CHƯƠNG 2: NỘI DUNG THỰC TẬP
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
o Được nghe người phụ trách giới thiệu về công ty, quá 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.
o Ngoà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.

2. Tìm hiểu và thực tập các bài tập Web cơ bản
2.4.

Các công cụ làm việc

Các công cụ được sử dụng khi làm việc tại công ty bao gồm:
-

Facebook Workplace

-

Outlook Email,Skype ,FPT Cloud-Sharepoint

-

Redmine

Kết quả:
Có khả năng sử dụng các công cụ một cách thành thục
2.5.

Lập trình với NodeJS,ReactJS

2.5.1. NodeJS


Node.js là một JavaScript runtime được build dựa trên Chrome’s V8 JavaScript engine.
Node.js sử dụng mô hình event-driven, non-blocking I/O khiến nó trở nên nhẹ và
hiệu quả.

Những điểm mạnh của NodeJS
-

Tốc độ nhanh chóng

Khả năng mở rộng .
Cực thích hợp với JSON .Dữ liệu có thể chuyển qua các tầng layer mà không cần
reformat
- Không phải chuyển đổi giữa các ngôn ngữ vì chúng ta dùng Javascript ở cả Back-end
và Front-End
-

2.5.2. ReactJS

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
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
Một trong những điểm hấp dẫn của React là thư viện này không chỉ hoạt động trên phía
client, mà còn được render trên server và có thể kết nối với nhau. React so sánh sự thay
đổi giữa các giá trị của lần render này với lần render trước và cập nhật ít thay đổi nhất
trên DOM

2.6.

Lập trình với Redux Saga

Redux-Saga là một thư viện redux middleware, giúp quản lý những side effect
trong ứng dụng redux trở nên đơn giản hơn. Nó cho phép ta viết async code
nhìn giống như là synchronos.
3. Thực hiện project


-

Tiến hành nghiên cứu, đọc cấu trục source code

-

Xây dựng các khối mixin đối với các đối tượng được sử dụng lại nhiều lần

-

Tiến hành dựng trang bằng khối đã có sẵn

-

Code và xây dựng các phần còn thiếu trong trang web

-

Sử dụng Redux và Javascript thuần để thực hiện các công thức tính toán có trên
trang web

CHƯƠNG 3: GIỚI THIỆU PROJECT
1. Giới thiệu về HRM Tools
Đây là Website dùng trong nội bộ của FPT Telecom dùng để quản lý các phong trào,
Đề xuất cải tiến và tính điểm OKR và điểm KPI của từng bạn nhân viên một

2. Các trang cần xây dựng
-

phần đăng nhập (fullstack)


-

Phần quản lý dự án (Full Stack)


-

Chỉnh sửa thông tin nhân viên (Full-stack)


3. Thực hiện và kết quả
Đã thực hiện và hoàn thành project theo đúng tiến độ và yêu cầu của leader