Đồ án tốt nghiệp: Xây dựng mạng xã hội công ty bằng Angular 8 và ASP.NET Core

Tham khảo đồ án tốt nghiệp xây dựng mạng xã hội công ty bằng Angular 8 và ASP.NET Core. Nền tảng kết nối nhân viên qua tính năng tặng điểm, đổi quà.

• Tác giả: Bùi Minh Huy
• Người hướng dẫn: ThS. Nguyễn Trần Thi Văn
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Trang Web Mạng Xã Hội Công Ty Sử Dụng Angular 8 Và ASP.NET Core
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2020
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Tổng quan về Đồ án Mạng Xã Hội Công ty

Đồ án mạng xã hội công ty là một dự án tốt nghiệp được thực hiện tại Trường Đại học Sư phạm Kỹ thuật TP.HCM, nhằm xây dựng một nền tảng kết nối nội bộ cho nhân viên doanh nghiệp. Đồ án này kết hợp công nghệ Angular 8 và ASP.NET Core để tạo ra một ứng dụng web hiện đại, có tính năng quản lý điểm thưởng và trao đổi quà tặng. Mục tiêu chính của dự án là nâng cao tinh thần tập thể và văn hóa giúp đỡ lẫn nhau trong môi trường công ty. Ngoài ra, hệ thống còn cung cấp các tính năng giải trí như bài đăng, chat trực tiếp và kết nối giữa các nhân viên. Mạng xã hội công ty này được phát triển với quy mô nhỏ nhưng đầy đủ chức năng, phù hợp với nhu cầu thực tế của các doanh nghiệp hiện đại.

1.1. Mục tiêu và ý nghĩa của dự án

Mục tiêu chính của đồ án là xây dựng một platform cho phép nhân viên tỏ lòng biết ơn lẫn nhau thông qua hệ thống tặng điểm và đổi quà. Ngoài ra, hệ thống cung cấp không gian để nhân viên giải trí, chia sẻ thông tin công việc và giao tiếp với đồng nghiệp. Ý nghĩa của dự án nằm ở việc tăng cường sự kết nối, cảm ơn và đoàn kết trong môi trường công ty, qua đó cải thiện môi trường làm việc và hiệu suất làm việc của nhân viên.

1.2. Công nghệ sử dụng trong dự án

Dự án sử dụng Angular 8 làm framework frontend để xây dựng giao diện người dùng tương tác và ASP.NET Core làm backend để xử lý logic nghiệp vụ. RESTful API được sử dụng để kết nối giữa frontend và backend, đảm bảo giao tiếp dữ liệu hiệu quả. Ngoài ra, dự án tận dụng các dịch vụ của Azure như App Service và Blob Storage để triển khai ứng dụng và lưu trữ dữ liệu an toàn.

II. Các tính năng chính của Ứng dụng Mạng Xã Hội

Ứng dụng mạng xã hội công ty được phát triển với các tính năng chính nhằm đáp ứng nhu cầu của nhân viên doanh nghiệp. Hệ thống cho phép nhân viên tặng điểm cho đồng nghiệp khi họ giúp đỡ hoặc có hành động tốt, từ đó khuyến khích văn hóa giúp đỡ lẫn nhau. Các điểm tích lũy có thể được đổi lấy các phần thưởng hoặc quà tặng từ cửa hàng trong ứng dụng. Bên cạnh đó, nhân viên có thể tạo bài đăng, bình luận, chia sẻ ý tưởng, và chat trực tiếp với đồng nghiệp. Hệ thống quản lý quyền truy cập đảm bảo mỗi nhân viên chỉ có thể xem các trang phù hợp với vai trò của mình. Các tính năng này được thiết kế để tạo ra một cộng đồng làm việc lành mạnh và tích cực.

2.1. Hệ thống tặng điểm và đổi quà

Hệ thống tặng điểm cho phép nhân viên gửi điểm cho đồng nghiệp khi họ đã trợ giúp. Các điểm này được tích lũy trong tài khoản và có thể đổi lấy quà tặng từ danh sách rewards trong ứng dụng. Quản trị viên có quyền quản lý danh sách quà, đặt giá trị điểm cho mỗi phần thưởng, và phê duyệt các yêu cầu đổi quà từ nhân viên, đảm bảo tính công bằng và minh bạch.

2.2. Tính năng mạng xã hội và giao tiếp

Tính năng bài đăng cho phép nhân viên chia sẻ thông tin, ý kiến, và nội dung công việc với toàn bộ hoặc nhóm người dùng cụ thể. Hệ thống chat trực tiếp giúp nhân viên liên lạc nhanh chóng với đồng nghiệp. Bình luận và tương tác trên bài đăng tạo ra một không gian thảo luận tích cực, khuyến khích sự giao tiếp và trao đổi ý tưởng giữa các nhân viên trong công ty.

III. Bảo mật và Quản lý Dữ liệu

Bảo mật thông tin là một yếu tố quan trọng trong đồ án mạng xã hội công ty. Dự án sử dụng Azure Blob Storage để lưu trữ dữ liệu nhân viên, ảnh, và các tài liệu chia sẻ một cách an toàn. Tất cả dữ liệu được mã hóa và được bảo vệ bởi các cơ chế xác thực nâng cao. Hệ thống phân quyền truy cập đảm bảo rằng chỉ những nhân viên có quyền mới có thể xem các thông tin nhạy cảm hoặc trang quản lý. ASP.NET Core cung cấp các công cụ bảo mật tích hợp sẵn giúp ngăn chặn các cuộc tấn công phổ biến như SQL Injection, Cross-Site Scripting (XSS), và Cross-Site Request Forgery (CSRF). Các quy định về bảo mật dữ liệu được thiết lập rõ ràng để bảo vệ quyền riêng tư của mỗi nhân viên.

3.1. Xác thực và phân quyền người dùng

Hệ thống sử dụng xác thực mạnh để đảm bảo chỉ nhân viên hợp lệ mới có thể truy cập ứng dụng. Phân quyền vai trò (Role-Based Access Control) được triển khai để gán các quyền khác nhau cho nhân viên, quản lý, và quản trị viên hệ thống. Mỗi vai trò có quyền truy cập riêng biệt đến các chức năng và trang cụ thể, đảm bảo tính bảo mật và toàn vẹn dữ liệu trong hệ thống.

3.2. Lưu trữ dữ liệu trên Azure

Azure App Service được sử dụng để triển khai ứng dụng web, cung cấp khả năng mở rộng và độ tin cậy cao. Azure Blob Storage lưu trữ các tệp lớn như ảnh đại diện, ảnh bài đăng, và các tài liệu chia sẻ. Cơ sở dữ liệu được sao lưu tự động và được mã hóa để bảo vệ khỏi các mối đe dọa bảo mật, đảm bảo tính liên tục và an toàn của dữ liệu.

IV. Kết quả và Tác động của Đồ án

Đồ án mạng xã hội công ty đã hoàn thành thành công với các tính năng chính được triển khai đầy đủ. Ứng dụng web cung cấp một nền tảng toàn diện cho nhân viên trao tặng điểm, đổi quà, giao tiếp, và chia sẻ thông tin. Kết quả đạt được cho thấy hệ thống hoạt động ổn định, bảo mật, và thân thiện với người dùng. Tác động tích cực của dự án bao gồm việc tăng cường tinh thần tập thể, khuyến khích văn hóa giúp đỡ lẫn nhau, và cải thiện môi trường làm việc. Nhân viên cảm thấy được tán thưởng và ghi nhận khi giúp đỡ đồng nghiệp, từ đó nâng cao sự hài lòng và động lực làm việc. Quản lý công ty có thể dễ dàng theo dõi hoạt động, quản lý phần thưởng, và theo dõi sự phát triển của văn hóa công ty thông qua các báo cáo và thống kê.

4.1. Thành tựu và hiệu quả của dự án

Mạng xã hội công ty đã được triển khai thành công với giao diện trực quan và các tính năng hoàn chỉnh. Hệ thống tặng điểm và đổi quà hoạt động hiệu quả, khuyến khích nhân viên hỗ trợ lẫn nhau. Tỷ lệ tham gia của nhân viên cao, cho thấy hệ thống đáp ứng tốt nhu cầu của họ. Bảo mật dữ liệu được đảm bảo với các biện pháp kỹ thuật hiện đại, tạo niềm tin cho người sử dụng.

4.2. Tác động đến văn hóa và môi trường công ty

Dự án góp phần nâng cao tinh thần tập thể và tạo ra một cộng đồng làm việc tích cực trong công ty. Văn hóa cảm ơn và giúp đỡ được tăng cường thông qua hệ thống phần thưởng. Nhân viên cảm thấy được trân trọng và kết nối với đồng nghiệp hơn, dẫn đến tăng cường hiệu suất làm việc và mức độ hài lòng trong công việc, tạo ra một môi trường làm việc lành mạnh và bền vững.

Trích đoạn nội dung tài liệu

Chương 1: TỔNG QUAN 1. Mục tiêu đề tài Hiện nay, xã hội càng phát triển, cùng với nhiều sự thành lập của các công ty lớn nhỏ trên khắp thế giới. Chúng ta đều biết, mấu chốt quan trọng nhất để một công ty thành công đó chính là yếu tố con người. Vì thế, sự gắn kết và phối hợp tốt của nhân viên trong công ty sẽ dẫn đến thành công to lớn.

Hiểu được điều này, nhóm chúng em đã xây dựng một ứng dụng web giúp mọi người trong công ty có thể dễ dàng trao nhau niềm cảm kích và yêu thương thông qua hệ thống điểm tặng. Ứng dụng web đồng thời góp phần nâng cao văn hóa quan tâm và giúp đỡ nhau giữa các nhân viên trong công ty. Xây dựng được một mạng lưới nhân sự vững chắc. Mô tả ứng dụng web Ứng dụng web có giao diện như một trang mạng xã hội, tuy nhiên, ứng dụng tập trung chủ yếu vào hệ thống điểm thưởng cho các nhân viên thể hiện lòng biết ơn với những đồng nghiệp xung quanh.

Điểm số sau khi được nhận từ nhân viên khác, nhân viên có thể dùng để trao đổi quà, phần thưởng. Bằng cách này, mọi người trong công ty luôn tỏ thiện chí với nhau, xây dựng môi trường làm việc thân thiện và khắn khít. Một số tính năng nổi trội của ứng dụng web:  Quản lí các phần thưởng qui đổi và phần quà.  Phân quyền truy cập và phân nhóm nhân viên.

 Thiết lập phần thưởng tự động theo thời gian.  Thiết lập cấu trúc lời cảm ơn  Thống kê số điểm trao đổi giữa các nhân viên và số lượng qui đổi quà  Quản lí người dùng trong công ty.  Lướt newsfeed với các bài đăng trao tặng điểm.  Chat cá nhân và gửi ảnh.

 Xếp hạng người dùng nhận điểm thưởng. 1 Chương 2: Cơ sở lí thuyết Chương 2: CƠ SỞ LÝ THUYẾT 2. Giới thiệu Angular X Angular X là một farmwork UI để xây dựng các ứng dụng web và mobile. Khác với các framework làm web cũ sữ dụng javacript để viết các event hay là hàm xử các tác vụ thì Agular X lại sử dụng TypeScript (dựa trên javascript nhưng có những ràng buộc chặc chẽ về nhiều thứ khác nhau) [1].

Một số chức năng nổi bật có thể kế đến như: - Two-way data binding - Powerful routing support - Expressive HTML - Built in back-end support - Dependency Injection - Active community 2. Giới thiệu ASP.NET core ASP.NET Core là một framework đa nền tảng, hiệu năng cao, mã nguồn mở cho việc xây dựng các ứng dụng hiện đại, nền tảng đám mây.NET CORE, chúng ta có thể [2]:  Xây dựng ứng dụng web và các dịch vụ, ứng dụng IOT (internet of things)  Phát triển những công cụ trên nền tảng hệ điều hành Window, MacOS và Linux  Deploy ở cloud hoặc on-premise  ASP.NET Core có dung lượng nhỏ hơn, thời gian build nhanh hơn, hiệu suất tốt hơn so với công nghệ ASP. Giới thiệu về dịch vụ Azure Azure là một giải pháp cloud tích hợp toàn diện được sử dụng để xây dựng, triển khai và quản lý các ứng dụng thông qua mạng lưới trung tâm dữ liệu toàn cầu của Microsoft. Các công cụ tích hợp, DevOps và một cộng đồng hỗ trợ [3].

Azure cung cấp trải nghiệm Cross-Device và hỗ trợ cho các nền tảng di động. Chạy bất kỳ Stack- Linux-Based và Windows-Based và sử dụng những tính năng tiên tiến như Kubernetes Cluster trong Azure Container Service. 2 Chương 3: Khảo sát hiện trạng Chương 3: KHẢO SÁT HIỆN TRẠNG 3. Thông tin khảo sát Trang web tên: Bonusly Địa chỉ URL: www.

Giao diện trang  Đơn giản, bắt mắt, dễ sử dụng  Gần giống giao diện của một trang mạng xã hội như facebook, twtitter 3. Chức năng trong trang người dùng  Chức năng gửi lời cảm ơn đến các thành viên trong công ty với nhiều tùy chọn:  Cộng point cho nhiều thành viên  Phản hồi status bằng emoji (một người dùng có thể react nhiều emoji khác nhau) và có thể huỷ phản hồi  Thiết lập thông tin người sử dụng  Bình luận bài đăng  Mỗi bài đăng có một liên kết riêng  Cho phép report nếu vi phạm yêu cầu 3. Hệ thống điểm thưởng  Các đồ vật phong phú và được phân loại theo quốc gia  Cho phép đổi một hoặc nhiều item với số lượng nhiều cùng một lúc  Có trang quản lý phần thưởng đã đổi cho người sử dụng  Có trang award dành cho nhân viên khi thực hiện tốt một công việc nào đó  Có bảng xếp hạng  Thống kê về số lượng người dùng nhận được bonus  Biểu đồ về bonus  Có thể tích hợp tới Slack, Google Hangout, Yammer, Jostle, zAPIer, Yammer, Microsoft Office  Cho phép tích hợp hệ thông lên các nền tảng khác - cung cấp API  Cung cấp Widget để thêm vào một trang web 3 Chương 3: Khảo sát hiện trạng  Cho phép sử dụng bộ dữ liêu đồng bộ hoá đế phần mềm HRIS/HRMS software của công ty 3. Hệ thống quà tặng  Quản lý phần thưởng chờ duyệt  Quản lý các phần thưởng đã duyệt  Quản lý các phần thưởng đã hoàn lại  Quản lý các phần thưởng đã từ chối  Tất cả đều có xuất ra file  Quản lý danh mục các phần thưởng, danh sách các phần thưởng có trong danh mục  Thêm, sửa, xoá, thiết lập điều kiện cho phần thưởng 3.

Chức năng phía quản lí  Cho phép thiết lập tên công ty, logo, màu chủ đạo  Thiết lập số điểm tự động cộng hàng tháng cho nhân viên  Đặt tên cho số điểm được gửi tặng.  Cho phép chỉnh hashtag theo ý thích  Thiết lập cho phép login từ nhiều tài khoản liên kết khác: Google, Linkedin, Chatter, Yammer, OpenId, Office 365  Thiết lập hiển thị tên của user  Cho phép cấm các hashtag vi phạm chính sác và không đúng thuần phong mĩ tục 4 Chương 4: Xác định và mô hình hóa yêu cầu Chương 4: XÁC ĐỊNH VÀ MÔ HÌNH HÓA YÊU CẦU 4. Xác định Use case 4.1 Actor Admin Staff Guest No Use case Actor Actor Actor 1 Manage user X 2 Manage group X 3 Manage reward X 4 Configure display X 5 View statistics of points X 6 Set up gratitude structure X 7 Manage page permission X 8 View bonus activities in company X X 9 Manage personal reward X 10 Redeem reward X 11 React status by emoji X 12 Surf Newsfeed X 13 Post status X 14 Manage basic info account X 15 Ranking X 16 Comment X 17 Log out X 18 Private chat X 5 Chương 4: Xác định và mô hình hóa yêu cầu 19 Log in X 20 Forgot password X 21 View Available Rewards X 22 Redeem reward X 23 View Available Awards X 24 Claim award X 25 Manage award X 4. Use case Bảng 4.

Use case TT Tên use case Use case ID 1 Manage user UC_1 1.1 Delete user UC_1.2 Import user from excel UC_1.3 Export user from excel UC_1.4 Filter user UC_1.5 Create user UC_1.6 View user UC_1.7 Update user UC_1.8 Change password UC_1.9 Reset password UC_1.9 6 Chương 4: Xác định và mô hình hóa yêu cầu 2 Manage group UC_2 2.1 Filter group UC_2.2 Create group UC_2.3 Update group UC_2.4 Delete group UC_2.5 Insert staff in group UC_2.5 3 Manage Reward UC_3 3.1 Filter request gift UC_3.2 Create reward UC_3.3 Update reward UC_3.4 Read reward UC_3.6 Delete Reward UC_3.7 Manage gifts rejected UC_3.8 View reason for rejection gift UC_3.9 Filter rejection gift UC_3.10 Manage gifts approved UC_3.11 Filter gift approved UC_3.11 7 Chương 4: Xác định và mô hình hóa yêu cầu 3.12 Deny gift approveed UC_3.13 Refund point UC_3.14 Manage gift refund UC_3.15 Filter gift refund UC_3.16 View reason refund UC_3.17 Manage gifts request for approve UC_3.18 Deny Request UC_3.19 Approve Request gift UC_3.19 4 View statistics of points UC_4 5 Set up gratitude structure UC_5 5.1 Ban invalid hashtag UC_5.2 Edit hashtag UC_5.2 6 Manage bonus activities in company UC_6 6.1 List point received UC_6.2 List point given UC_6.3 Sumary activites of points in company UC_6.3 7 Configure display UC_7 8 Chương 4: Xác định và mô hình hóa yêu cầu 7.1 Name for bonus unit in particular company UC_7.2 Name the company UC_7.3 Set logo UC_7.3 8 Manage page permission UC_8 8.1 Search Group UC_8.2 View Group UC_8.3 Modify group access control UC_8.3 9 React status by emoji UC_9 10 Manage basic info account UC_10 10.1 Edit basic information UC_10.2 Set up notification UC_10.3 Set up special day UC_10.4 Change password UC_10.4 11 Post status UC_11 11.1 Input giving point UC_11.2 Tag friends UC_11.3 Use emoji UC_11.3 9 Chương 4: Xác định và mô hình hóa yêu cầu 11.4 Upload photos UC_11.5 12 Manage personal reward UC_12 12.1 View reason reward UC_12.2 View deny reason UC_12.3 View refund reason UC_12.4 Show list of request rewards UC_12.5 Filter reward UC_12.5 13 View Available Rewards UC_13 13.1 Redeem reward UC_13.1 14 Surf Newsfeed UC_14 15 Comment UC_15 16 Log out UC_16 17 Log in UC_17 18 Ranking UC_18 19 Private chat UC_19 19.1 Send message UC_19.1 10 Chương 4: Xác định và mô hình hóa yêu cầu 19.2 Search other users UC_19.3 Attach file UC_19.4 Send photo UC_19.4 20 Forgot password UC_20 21 View Available Awards UC_21 21.1 Claim award UC_21.1 22 Manage award UC_22 22.1 Update award UC_22.2 Delete award UC_22.3 Read award UC_22.4 Create award UC_22.5 Manage Claimable award UC_22.6 Approve request claimable award UC_22.7 Deny request claimable award UC_22.8 Manage automated award UC_22.9 Manage manual award UC_22.10 Configure dynamic giving condition UC_22.10 11 Chương 4: Xác định và mô hình hóa yêu cầu 4. Use case diagram Hình 4. Use case diagram 12 Chương 4: Xác định và mô hình hóa yêu cầu 4. Đặc tả Use case 4.

Manage Reward Hình 4. Use case manage reward 13 Chương 4: Xác định và mô hình hóa yêu cầu 4. Create reward Hình 4. Use case create reward Bảng 4.

Đặc tả create reward Use Case ID UC_3.2 Name Create reward Goal Tạo mới phần thưởng Actors Admin Pre-conditions Đã đăng nhập xác thực với quyền admin thuộc công ty đang truy cập Post- conditions Main Flow 1. Ở trang quản lí, vào mục “Quản lí”, chọn mục quản lí reward 2. Ở trang giao diện quản lí reward, click vào nút “Thêm reward” 3. Modal thêm reward xuất hiện, điền đầy đủ thông tin reward mới.

Modal thêm reward biến mất, reward mới được thêm và được 14 Chương 4: Xác định và mô hình hóa yêu cầu hiển thị ở danh sách reward ở trang quản lí reward Exception 3A: Nếu thông tin reward không được điền đầy đủ sẽ xảy ra thông báo lỗi và yêu cầu nhập đầy đủ thông tin Open Issues N/a 4. Filter gift refund Hình 4. Use case filter gift refund Bảng 4. Đặc tả use case filter gift refund Use Case ID UC_3.15 Name Filter gift refund Goal Lọc các món quà trong danh sách quà đã hoàn tiền Actors Admin 15 Chương 4: Xác định và mô hình hóa yêu cầu Pre-conditions Đã đăng nhập xác thực với quyền admin thuộc công ty đang truy cập Post- conditions Main Flow 1.