- Đơn giản nhưng đầy đủ tính năng:
Tuy giao diện đơn giản nhưng lại hỗ trợ một cách đầy đủ chức năng của một công cụ quản lý dự án như: Thêm mới công việc, thay đổi trạng thái công việc, quản lý nhân
23
sự phụ trách công việc, dán nhãn công việc, đếm ngược thời lượng hoàn thành, comment và lưu trữ tài liệu liên quan đến công việc ngay trên thẻ công việc được tạo.
+ Khuyết điểm:
- Khơng có chức năng trao đổi trực tiếp theo thời gian thực với các thành viên của dự án.
- Khơng có cập nhật tiến độ từng phần, khiến nhân sự phụ trách và người quản lý nhân sự khó nắm bắt được tiến độ thực tế cơng việc.
- Chưa liên kết với các ứng dụng quản lý mã nguồn phổ biến hiện nay như: Git, Bitbucket,…
- Chỉ phù hợp với dự án vừa và nhỏ.
2.5.3 Tổng kết:
Sau khi phân tích các hệ thống quản lý nhân sự và dự án trên, nhóm nhận thấy phần lớn các hệ thống đã giải quyết tốt bài toán quản lý nhân sự và quản lý công việc, nhưng vẫn còn một số điểm hạn chế như: Giao diện ít trực quan, thân thiện, cơng cụ giao tiếp chưa có, hoặc nếu có thì phải trả một khoản phí cao, thiếu bộ xây dựng quy trình doanh nghiệp.
Từ những gì đã phân tích được, nhóm đề xuất xây dựng hệ thống của đề tài như sau: + Quản lý thông tin doanh nghiệp
+ Quản lý nhân sự: Thông tin nhân viên, theo dõi quá trình làm việc, quản lý cơng việc hàng ngày.
+ Quản lý phịng ban: Thơng tin phịng ban, thơng tin nhân sư phòng ban, điều chuyển nhân sự giữa các phòng ban, quản lý dự án thuộc phòng ban.
+ Quản lý dự án: Thông tin dự án, quản lý thông tin nhân sự dự án, điều chuyển nhân sự giữa các dự án, phân chia và theo dõi công việc thuộc dự án.
+ Hệ thống giao tiếp nội bộ: Hỗ trợ giao tiếp nội bộ.
+ Hệ thông xây dựng quy trình doanh nghiệp: Xây dựng quy trình với từng loại công việc và dự án khác nhau.
24
CHƯƠNG 3 Phương pháp thực hiện 3.1 Công nghệ sử dụng:
3.1.1 ReactJS:
3.1.1.1 ReactJS là gì:
React (hay còn được gọi với tên ReactJS, React.js) là một thư viện Javascript mã nguồn mở để xây dựng các thành phần giao diện người dùng, với ưu điểm có thể tái sử dụng các thành phần này. Nó được tạo ra vào năm 2013 bởi Jordan Walk, một kỹ sư phần mềm của Facebook.
Hiện nay, thư viện này đang nhận được rất nhiều sự quan tâm đến từ cộng đồng. Nó đang được bảo trì (maintain) bởi Facebook và Instagram, cùng với sự đóng góp của cộng đồng lập trình viên giỏi trên thế giới.
3.1.1.2 Phần chính của ReactJS là gì:
- Virutal DOM: Cơng nghệ DOM ảo giúp tang hiệu năng cho ứng dụng. Việc chỉ node gốc mới có trạng thái và khi nó thay đổi sẽ tái cấu trúc lại toàn bộ, đồng nghĩa với việc DOM tree cũng sẽ phải thay đổi một phần, điều này sẽ ảnh hưởng đến tốc độ xử lý. RectJS sử dụng Virtual DOM để cải thiện vấn đề này. Virutal DOM là một object javascript, mội object chứa đầy đủ thông tin cần thiết để tạo ra một DON, khi dữ kiệu thay đổi thì 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.
- Redux: Đây có thể gọi là một phần cực kỳ quan trong đối với ReactJS và không một ai sử dụng mà khơng biết đến Redux. React thì khơng tổ chức theo module chuyên dụng để xử lý dữ liệu, vì thế ReactJS được thiết lập một cách độc lập bằng việc chia nhỏ các view thành các component.
- 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 được dung để 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. Ví dụ: Facebook với nhiều status khác nhau. Mỗi status sẽ có số lượt tương tác khác nhau và thay đổi liên tục. React sẽ rất hữu ích khi sử dụng cho những dự án như thế.
25
3.1.1.3 Giới thiệu về JSX:
JSX là một dạng ngôn ngữ cho phép viết các mã HTML trong phép viết các mã HTML trong Javascrip.
Có một số đặc điểm chính như:
- Faster: JSX thực hiện thực hiện tối ưu hoá trong khi biên dịch sang mã Javascript. Hiệu suất của JSX là nhanh hơn so với các loại ngôn ngữ khác khi biên dịch sang Javascript. Đoạn code được viết bằng JSX thì có thời gian thực hiện nhanh hơn so với các đoạn code tương tự được viết trực tiếp bằng Javascript.
- Safer: Ngược lại với Javascript, JSX là kiểu statically-typed, nghĩa là nó sẽ được biên dịch trước khi khởi chạy, giống như c++, java, các lỗi sẽ được phát hiện ngay trong quá trình biên dịch. Ngồi ra, cịn hỗ trợ tính năng debug giúp quá trình fix lỗi diễn ra dễ dàng và nhanh chóng.
- Easier: JSX kế thừa dựa trên javascript, vì vậy rất dễ dàng để cho các lập trình viên có thể tham khảo và ứng dụng.
3.1.1.4 Giới thiệu về Component:
React được xây dựng xung quanh các component, chứ không dung các template như các framework khác. Trong React ,chúng ta xây dựng trang web sử dụng những thành phần (component) nhỏ. Chúng ta có thể tái sử dụng component ở nhiều nơi, với các trạng thái hoặc các thuộc tính khác nhau, trong một compont lại có thể chứa thành phần khác. Mỗi component trong React có một trạng thái riêng, có thể thay đổi và React sẽ thực hiện cập nhật component dưa trên những thay đổi của trạng thái. Mọi thứ React đều được xây dựng bằng component. Chúng giúp quá trình bảo trì code khi làm việc với các dự án lớn diễn ra đơn giản hơn. Một react component đơn giản chỉ cần một method render. Có rất nhiều method khả dụng khác, nhưng render là method chủ đạo.
3.1.1.5 Props va 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.
26
3.1.1.6 Kết luận
React là một thư viện tất thú vị và được phát triển dựa trên rất nhiều cấu trúc phức tạp. Tuy nhiên lại rất dễ sử dụng và thêm vào nhiều ứng dụng khác nhau. Ngoài ra React cịn có thư viên React native được dùng để thiết kết các ứng dụng native.
3.1.2 NodeJS: