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

LỜI MỞ ĐẦUNgà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

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 2 Giới thiệu công ty FPT Telecom 6

Sản phẩm công ty 8

2.1 FPT Play Box ………… 8

Fshare ……… 9

Mix166 10

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

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

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

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

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

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

2.5 2.6 3 Thực hiện project 14

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

1 2 3 Giới thiệu về HRM Tools …… 14

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

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 P T 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

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

- 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)

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