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 năm 2019 LỜI MỞ ĐẦU Ngày nay, ngành công nghiệp phát triển ứng dụng web phận thiếu ngành công nghiệp phần mềm Với tốc độ phát triển vô mạnh mẽ, ngành phát triển ứng dụng web nhân tố kích thích phát triển công nghệ thông tin giới, cảvề phần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển web non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu xây dựng tảng web giới Bên cạnh phát triển web ngành nghề tiếp cận người dùng cách nhanh chóng ta thấy mạng xã hội hay website bán hàng trực tuyến thịnh hành giới lẫn Việt Nam Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tìm hiểu, bổ sung kiến thức mơi trường chun nghiệp, em có dự định thực tập học kì Vì vậy, em định chọn công ty FPT Telecom môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định 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ó hội thực tập công ty Trong thời gian thực tập vừa qua, nhờ tận tình giúp đỡ anh chị thành viên đơn vị SCC , em có nhiều hội để tìm hiểu, vận dụng thực hành kiến thức học vào dự án thực tế Ngoài ra, em học hỏi kinh nghiệm từ anh chị trước, rèn luyện cho thân khả nghiên cứu ứng dụng vào thực tế trình làm việc team Xin gửi lời cảm ơn chân thành đến Anh Tuấn anh chị đưa nhiều lời khuyên, hướng dẫn tận tình hỗ trợ em trình thực cơng việc hồn thành dự án cơng ty Đặc biệt cảm ơn anh Trương Tấn Sang, anh Trung training kiến thức quan trọng Full-stack ReactJS, Redux NodeJS đồng thời hỗ trợ em nhiều vấn đề kĩ thuật xuyên suốt q trình làm việc để làm tốt dự án Cũng xin cảm ơn thầy cô khoa Công nghệ Phần mềm nhiệt tình hỗ trợ, tạo điều kiện để em làm báo cáo Nguyễn Quốc An Hồ Chí Minh, ngày 14 tháng 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 Giới thiệu công ty FPT Telecom Sản phẩm công ty 2.1 FPT Play Box ………… 2.2 Fshare …………… 2.3 Mix166 10 CHƯƠNG 2: NỘI DUNG THỰC TẬP 11 Tìm hiểu công ty kỹ cơng ty 11 Tìm hiểu thực tập tập Web 11 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 project 14 CHƯƠNG 3: GIỚI THIỆU PROJECT 14 Giới thiệu HRM Tools …… 14 Các trang cần xây dựng 14 Thực kết 17 CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 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 - Số điện thoại : 028-73000-2222 Công ty F PT T e l e c o m thành lập vào năm 1997 phát triển thành công ty chun viễn thơng Tp Hồ Chí Minh với hoạt động chủ yếu cung cấp dịch vụ viễn thông internet ,cung cấp cho thuê máy chủ sản xuất dịch vụ truyền hình thơng tin lưu trữ đám mây FPT Play Box, Fshare Tại Việt Nam, công ty có chi nhánh tồn quốc có trụ sở TP.HCM 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 Ngồi ra, cơng ty cịn có trung tâm liệu (Data Center ) khu chế xuất Tân Thuận Quận , 12 chi nhánh Campuchia chi nhánh Myanmar FPT Telecom nhà cung cấp dịch vụ viễn thông Internet có uy tín Hai lĩnh vực trọng tâm công ty cung cấp dịch vụ viễn thông internet gia công phần mềm kỹ thuật số dùng nội cơng ty tập đồn FPT Khách hàng đến với FPT Telecom nhằm xây dựng trải nghiệm digital đặc sắc mạnh mẽ dành cho hoạt động quảng cáo agencies startup với dịch vụ mạnh mẽ server hệ thống viễn thông Sản phẩm công ty 2.1 FPT Play Box Đây ứng dụng cung cấp dịch vụ truyền hình có khả tương thích với dòng TV ,và sử dụng đường truyền internet nhà chiếm 4-5MB bang thông ,do thiết bị Bảo đảm cam kết chất lượng ổn định điều kiện thời tiết không chịu tác động Ngoại cảnh nắng gió ,mưa ,bão BOx hỗ trợ hành vi uống a n t oàn Ứng dụn g 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 đ ược uốn g lái xe! 2.2 Fshare Fshare dịch vụ FPT Telecom dùng để lưu trữ thơng tin giúp download Và chia sẻ liệu nhanh chóng dễ dàng Ngồi Fshare cịn giúp xem File mp3 mp4 với chất lượng cao Và theo dõi thư mục 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 nghe nhạc với chất lượng cao liên tục cập nhật nhạc nước CHƯƠNG 2: NỘI DUNG THỰC TẬP Tìm hiểu cơng ty kỹ công ty - Thời gian: ngày - Nội dung: Giới thiệu công ty, cách tổ chức công ty o Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập 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ơng ty o Ngồi ra, thực tập sinh cịn giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc Tìm hiểu thực tập tập Web 2.4 Các công cụ làm việc Các công cụ sử dụng làm việc công ty bao gồm: - Facebook Workplace - Outlook Email,Skype ,FPT Cloud-Sharepoint - Redmine Kết quả: Có khả sử dụng cơng cụ cách thành thục 2.5 Lập trình với NodeJS,ReactJS 2.5.1 NodeJS Node.js JavaScript runtime build dựa Chrome’s V8 JavaScript engine Node.js sử dụng mơ hình event-driven, non-blocking I/O khiến trở nên nhẹ hiệu Những điểm mạnh NodeJS - Tốc độ nhanh chóng Khả mở rộng Cực thích hợp với JSON Dữ liệu chuyển qua tầng layer mà không cần reformat - Không phải chuyển đổi ngơn ngữ dùng Javascript Back-end Front-End - 2.5.2 ReactJS React.js thư viện Javascript lên năm gần với xu hướng Single Page Application React thư viện UI phát triển Facebook để hỗ trợ việc xây dựng thành phần (components) UI có tính tương tác cao, có trạng thái sử dụng lại Một điểm hấp dẫn React thư viện khơng hoạt động phía client, mà cịn render server kết nối với React so sánh thay đổi giá trị lần render với lần render trước cập nhật thay đổi DOM 2.6 Lập trình với Redux Saga Redux-Saga thư viện redux middleware, giúp quản lý side effect ứng dụng redux trở nên đơn giản Nó cho phép ta viết async code nhìn giống synchronos Thực project - Tiến hành nghiên cứu, đọc cấu trục source code - Xây dựng khối mixin đối tượng sử dụng lại nhiều lần - Tiến hành dựng trang khối có sẵn - Code xây dựng phần cịn thiếu trang web - Sử dụng Redux Javascript để thực cơng thức tính tốn có trang web CHƯƠNG 3: GIỚI THIỆU PROJECT Giới thiệu HRM Tools Đây Website dùng nội FPT Telecom dùng để quản lý phong trào, Đề xuất cải tiến tính điểm OKR điểm KPI bạn nhân viên 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) Thực kết Đã thực hoàn thành project theo tiến độ yêu cầu leader ... lần render trước cập nhật thay đổi DOM 2.6 Lập trình với Redux Saga Redux- Saga thư viện redux middleware, giúp quản lý side effect ứng dụng redux trở nên đơn giản Nó cho phép ta viết async code... - Xây dựng khối mixin đối tượng sử dụng lại nhiều lần - Tiến hành dựng trang khối có sẵn - Code xây dựng phần thiếu trang web - Sử dụng Redux Javascript để thực cơng thức tính tốn có trang web. .. Tools Đây Website dùng nội FPT Telecom dùng để quản lý phong trào, Đề xuất cải tiến tính điểm OKR điểm KPI bạn nhân viên Các trang cần xây dựng - phần đăng nhập (fullstack) - Phần quản lý dự án