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 LẬP TRÌNH ASP NET MVC VÀ XÂY DỰNG ỨNG DỤNG HỖ TRỢ NHÂN SỰ Công ty thực tập Logix Technology Vietnam Người phụ trách Đặng Vũ[.]
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 LẬP TRÌNH ASP.NET MVC VÀ XÂY DỰNG ỨNG DỤNG HỖ TRỢ NHÂN SỰ Công ty thực tập Logix Technology Vietnam Người phụ trách Đặng Vũ Minh Quang Thực tập sinh Đỗ Văn Bảo TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, lập trình web phận khơng thể 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 lập trình web nhân tố kích thích phát triển công nghệ thông tin giới, phần cứng phần mềm Ngành lập trình web sinh nhu cầu sử dụng Internet ngày phổ biến thiết bị công nghệ Đồng thời công nghệ dot Net công nghệ phổ biến, hỗ trợ công ty tiếng Microsoft Vì lý này, em định chọn lập trình web làm định hướng cho việc học tập việc làm sau Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm việc môi trường chuyên nghiệp, em có dự định thực tập vào khoảng thời gian cuối kì học thứ đầu kì học thứ Vì vậy, sau tham gia vấn số công ty, em định chọn công ty Logix Technology - môi trường lý tưởng, đại, chuyên nghiệp, trẻ trung - 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 Công ty Logix Technology Vietnam tạo điều kiện cho em có hội thực tập công ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình nhóm trainer, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm ứng dụng web hoàn chỉnh Chân thành cảm ơn anh chị nhóm trainer bỏ nhiều thời gian, công sức để hướng dẫn chúng em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Đặng Vũ Minh Quang, chị Lương Thị Như Quỳnh training công nghệ Net, hướng dẫn, giúp đỡ cho chúng em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường mới; cảm ơn anh Mai Văn Trãi, training ReactJS, hỗ trợ chúng em nhiều vấn đề kỹ thuật phía giao diện người dùng trình xây dựng ứng dụng web; cảm ơn anh Nguyễn Duy Chương, dẫn chúng em cách lên kế hoạch, chuẩn bị yêu cầu cho dự án kỹ thiếu; 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 Đỗ Văn Bảo TP.HCM, ngày tháng 11 năm 2022 NHẬN XÉT CỦA KHOA Mục lục Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty Logix Technology 1.2 Sản phẩm công ty Chương Nội dung thực tập 2.1 Tìm hiểu cơng ty kỹ công ty 2.2 Nghiên cứu kỹ thuật 2.3 Tham gia dự án 2.4 Lịch làm việc Chương Chi tiết dự án 10 3.1 Giới thiệu ứng dụng 10 3.2 Thực 10 3.3 Kế hoạch triển khai 10 Chương Tổng kết 14 TÀI LIỆU THAM KHẢO 15 Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty Logix Technology Logix Technology công ty phát triển phần mềm outsourcing thành lập năm 2015 Công ty chuyên công nghệ Microsoft, đặc biệt công nghệ cloud Azure Ngồi cơng ty liên doanh với Dune & Partner vào năm 2017 SICGroup vào năm 2020 1.2 Sản phẩm công ty Khách hàng công ty đến từ nhiều quốc gia Anh, Mĩ, Hà Lan, Thụy Điển, Nhật Bản Sản phẩm công ty phát triển đa dạng từ ứng dụng web, ứng dụng mobile, dịch vụ kiểm thử, … Chương Nội dung thực tập Đợt thực tập với chủ đề “Lập trình ASP.Net MVC” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình ASP.Net MVC xây dựng ứng dụng web, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường làm việc chuyên nghiệp 2.1 Tìm hiểu cơng ty kỹ công ty 2.1.1.1 Thời gian Ngày 27 tháng 12 năm 2021 2.1.1.2 Nội dung Giới thiệu công ty, cách tổ chức công ty: Đượ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 Ngồi ra, thực tập sinh 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… 2.1.1.3 Kết Hiểu thêm công ty Logix Technology, q trình thành lập phát triển Có thêm kỹ việc sử dụng email cơng việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc 2.2.1.1 Thời gian Ngày 27 tháng 12 năm 2021 2.2.1.2 Nội dung Tìm hiểu công cụ sử dụng trình làm việc: Trong thời gian này, supervisor hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp ích cho cơng việc sau Một số phần mềm số GIT, Microsoft Teams - sử dụng làm việc nhóm, Docker – tảng giúp tự động triển khai ứng dụng cần thiết có sẵn cho dự án, Microsoft Azure – tảng cloud cung cấp số tiện ích ứng dụng vào việc xây dựng dự án 2.2.1.3 Thực Thực hành sử dụng phần mềm nêu 2.2.1.4 Kết Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, tiếp cận với công nghệ sử dụng thực tế cơng ty 2.2.2 Tìm hiểu ngôn ngữ C# vấn đề nâng cao 2.2.2.1 Thời gian Từ ngày 28 tháng 12 năm 2021 đến ngày 31 tháng 12 năm 2021 2.2.2.2 Nội dung Được training kỹ thuật nâng cao C#, kiến thức quan trọng cho việc tối ưu phía back-end • Lập trình hướng đối tượng Các kiến thức lập trình hướng đối tượng khái niêm, đặc tính tính kế thừa, tính đóng gói, tính ảo hóa, tính đa hình Ngồi ra, thực tập sinh hướng dẫn cách thiết kế lớp cho đối tượng dự án • Dependency Injection Thực tập sinh hướng dẫn lí sử dụng, cách triển khai Dependency Injection nguyên lí Dependency Inversion SOLID • Clean Architecture Cách xây dựng ứng dụng dựa kiến trúc Clean Architecture 2.2.2.3 Thực hiện: • Tham gia đầy đủ buổi training cơng ty • Làm thực hành, kiểm tra kiến thức học 2.2.2.4 Kết quả: • Nâng cao kỹ lập trình với ngơn ngữ C# • Có kiến thức quan trọng cho việc lập trình ứng dụng web sau • Ngồi biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu 2.2.3 Lập trình giao diện với ReactJS thư viện Material UI 2.2.3.1 Thời gian Từ ngày 03 tháng 01 năm 2022 đến ngày 06 tháng 01 năm 2022 2.2.3.2 Nội dung: Các kiến thức ReactJS để tạo phía giao diện ứng dụng web Đồng thời sử dụng thư viện Material UI để tinh chỉnh giao diện • Các khái niệm Javascript, ReactJS Nắm khái niệm Javascript, ReactJS ReactJS thư viện mã nguồn mở để xây dựng giao diện người dùng dựa thành phần UI riêng lẻ Thư viện Material UI cung cấp tập hợp thành phần React đơn giản, dễ dàng tinh chỉnh truy cập Ngồi ra, trainer cịn cung cấp cho thực tập sinh khái niệm ReactJS React Hooks, State Management (Redux), Form (React Hook Form), …, khái niệm quan trọng lập trình ReactJS • React Hooks Hooks cho phép sử dụng state tính khác Ract mà khơng phải khởi tạo class Tìm hiểu số hook • React Redux Là thư viện mã nguồn mở để quản lý lưu trữ state ứng dụng • React Hook Form Là thư viện quản lý form linh hoạt, mở rộng hiệu 2.2.3.3 Thực • Tham gia đầy đủ buổi trainning • Xây dựng giao diện sử dụng ReactJS áp dụng thư viện Material UI • Tìm kiếm tài liệu mạng để tìm hiểu thêm 2.2.3.4 Kết • Hiểu khái niệm lập trình giao diện với ReactJS • Hiểu cách áp dụng Material UI với ReactJS • Xây dựng thành công giao diện cho ứng dụng web có áp dụng Redux React Hook Form 2.2.4 Sử dụng Microsoft Azure B2C Blob Storage 2.2.4.1 Thời gian Từ ngày 07 tháng 02 năm 2022 đến ngày 10 tháng 02 năm 2022 2.2.4.2 Nội dung Các ứng dụng Microsoft Azure vào số tính ứng dụng web • Azure B2C Azure B2C cung cấp chế xác thực người dùng dịch vụ Khách hàng sử dụng tài khoản mạng xã hội, tài khoản công ty, tài khoản nhân để định danh nhằm truy cập vào ứng dụng APIs • Azure Blob Storage Azure Blob Storage tài nguyên nhằm lưu trữ dạng liệu đám mây, truy cập, chỉnh sửa giao diện có sẵn cách phương thức lập trình 2.2.4.3 Thực • Tham gia đầy đủ buổi training • Áp dụng Azure B2C Azure Blob Storage vào dự án 2.2.4.4 Kết • Áp dụng Azure B2C Azure Blob Storage vào dự án thành công 2.3 Tham gia dự án Sau hai tuần training thực hành, thực tập sinh nắm kiến thực C# Net, ReactJS Trong tháng tiếp theo, thực tập sinh tham gia vào dự án xây dựng API ADO.Net Một tháng rưỡi cuối cùng, thực tập sinh tham gia xây dựng ứng dụng hỗ trợ nhân công ty sử dụng ASP.NET MVC ReactJS 2.4 Lịch làm việc Mức Tuần Cơng việc Người hướng độ dẫn hồn thành - Tìm hiểu công ty, cách tổ chức công ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua email Chị Nga 100% Nhận xét người hướng dẫn - - Tìm hiểu ngơn ngữ lập trình Anh Quang, C# kiến thức nâng cao chị Quỳnh, Tìm hiểu ngơn ngữ Javascript anh Trãi 100% framework ReactJS - Làm test kết hợp Net ReactJS Tham gia dự án sử dụng Anh Quang, ADO.Net ASP.Net MVC anh Trãi 100% để phát triển API Tham gia dự án sử dụng Anh Quang, ADO.Net ASP.Net MVC anh Trãi 100% để phát triển API Tham gia dự án sử dụng Anh Quang, ADO.Net ASP.Net MVC anh Trãi 100% để phát triển API Tham gia dự án sử dụng Anh Quang, ADO.Net ASP.Net MVC anh Trãi 100% để phát triển API - Lên ý tưởng, đề xuất yêu cầu, Anh Chương 100% Anh Chương 100% Anh Chương 100% công nghệ xây dựng ứng dụng hô trợ nhân - Bản thiết kế giao diện - Xây dựng sở liệu - Xây dựng khung giao diện - Xây dựng khung back-end - Triển khai tính đề xuất 10 - Tiếp tục triển khai tính Anh Chương 90% Anh Chương 100% 100% - Sử dụng Azure B2C để xây dựng tính đăng nhập 11 - Sử dụng Azure Blob Storage để làm nơi lưu trữ file 12 - Tiếp tục triển khai tính - Sửa lỗi chuẩn bị demo Anh Chương, - Thuyết trình sản phẩm anh Triết Chương Chi tiết dự án 3.1 Giới thiệu ứng dụng Nhận thấy việc quản lý thơng tin nhân viên cơng ty cịn thiếu sót thủ cơng, đồng thời việc xin nghỉ phép nhân viên cịn rườm rà, khó ghi nhớ thời gian nghỉ phép Ứng dụng hỗ trợ nhân giúp theo dõi thông tin làm việc nhân viên, đồng thời giúp cho nhân viên xin nghỉ phép cách dễ dàng 3.2 Thực Nhóm thực tập bao gồm thành viên: • Đỗ Văn Bảo • Đặng Anh Tú Và giúp đỡ tận tình anh chị công ty Logix Technology 3.3 Kế hoạch triển khai 3.3.1 Giai đoạn lên ý tưởng đề xuất tính 3.3.1.1 Nội dung • Đề xuất yêu cầu functional non-functional Yêu cầu công nghệ hình ảnh giao diện mẫu • Đề xuất tính cốt lõi ứng dụng trình bày, giải thích 3.3.1.2 Kết quả: • Đưa danh sách user story ứng dụng • Hình dung luồng hoạt động ứng dụng • Xây dựng vẽ tay cho giao diện 10 3.3.2 Giai đoạn xây dựng khung sườn cho ứng dụng 3.3.2.1 Nội dung • Xây dựng khung ứng dụng phía back-end sử dụng ASP.Net Web API theo kiến trúc Clean Architecture • Xây dựng khung ứng dụng phía front-end ReactJS tinh chỉnh giao diện thư viện Material UI • Xây dựng việc kết nối ứng dụng với Microsoft Azure • Hồn thiện thiết kế giao diện • Thiết kế sở liệu triển khai 3.3.2.2 Kết • Hồn thành khung ứng dụng phía back-end theo kiến trúc đề • Có thể tinh chỉnh giao diện Material UI sử dụng thành phần ReactJS • Hồn thành kết nối với Microsoft Azure • Hồn thành thiết kế giao diện Figma • Hoàn thành sơ sở liệu bao gồm bảng quan trọng 3.3.3 Giai đoạn triển khai tính 3.3.3.1 Số thứ tự Giai đoạn – Các tính Tính Nội dung Hồn thành Đăng nhập, dăng Sử dụng Microsoft Kết nối thành công Azure xuất B2C Azure B2C triển khai Liên kết với sở liệu 11 Thông tin nhân Hiển thị thơng tin cá Hồn thành việc hiển thị viên nhân nhân viên thông tin nhân viên Hiển thị thơng tin làm Hồn thành hiển thị số việc ngày phép lại, số ngày phép dùng Danh sách nghỉ Hiển thị danh sách nghỉ Hoàn thành hiển thị danh phép phép theo loại sách nghỉ phép theo loại Hiển thị chi tiết thông tin nghỉ phép phép năm phép không lương Hiển chị thông tin quan trọng đơn nghỉ phép Lưu hình ảnh Lưu hình ảnh file lên Xử lý hình ảnh, file lưu file Azure Blob Storage trữ Azure Blob Storage thành công 3.3.3.2 Giai đoạn – Tính cốt lõi Số thứ tự Tính Nội dung Danh sách nghỉ Hiển thị danh sách nghỉ Hoàn thành hiển thị danh phép phép theo loại sách loại khác 12 Hoàn thành Tạo đơn nghỉ Tạo đơn nghỉ phép Tạo đơn nghỉ phép có phép gửi tới người cấp đính kèm gửi tới người trực tiếp quản lý Xét duyệt đơn Hiển dị danh sách đơn Hiển thị danh sách nghỉ xin nghỉ phép xin nghỉ phép cấp phép cấp cho phép đồng ý, từ chối 3.3.4 Giai đoạn nghiệm thu kết báo cáo Dựa yêu cầu tính năng, công nghệ, kiến trúc hệ thống, … sau tháng thực dự án, nhóm thực tập hồn thành sơ tính cốt lõi đề ra: • Thơng tin chi tiết nhân viên • Danh sách đơn xin nghỉ phép • Tạo đơn xin nghỉ phép • Theo dõi đơn nghỉ phép nhân viên xét duyệt Ngồi ra, nhóm đề xuất vài tính để phù hợp với quy trình làm việc cơng ty để thực tương lai Sau q trình thực tập tháng, nhóm thực tập có buổi trình bày q trình thực tập, dự án thực trình thực tập với anh chị cấp 13 Chương 4.Tổng kết Như vậy, vòng tháng ngắn ngủi, nhóm kịp hồn thành ứng dụng chạy tảng web Ứng dụng có đầy đủ tính đề ban đầu Do thời gian có hạn nên giao diện ứng dụng cịn đơn giản, hình ảnh chưa đẹp mong đợi Nhưng ứng dụng phát triển theo kiến trúc có tính kế thừa, dễ dàng mở rộng nên sau có thời gian phát triển lên mức cao Chân thành cảm ơn giúp đỡ anh chị công ty Logix Technology, nỗ lực nhóm thực tập để hoàn thành dự án 14 TÀI LIỆU THAM KHẢO Tài liệu tiếng Anh [1] Material UI , "Overview” [Online] Available: Overview - Material UI (mui.com) [2] Facebook Open Source , "Getting Started - React" [Online] Available: Getting Started – React (reactjs.org) [3] Bill Luo , "Tailwind CSS" [Online] Available: Get Started | React Hook Form Simple React forms validation (react-hook-form.com) [4] Dan Abramov and Redux documentation’s authors , "Tutorial Overview" 04 February 2022 [Online] Available: Tutorials Overview | Redux Toolkit (reduxtoolkit.js.org) [5] Microsoft , "C# Advanced" [Online] Available: C# Advanced | Microsoft Learn [6] Scrum Docs , "What is Scrum" [Online] Available: What is Scrum? [7] Microsoft , "What is Azure Active Directory B2C" [Online] Available: What is Azure Active Directory B2C? | Microsoft Learn [8] Microsft , "Azure Blob Storage" [Online] Available: Azure Blob Storage | Microsoft Azure [9] Uncle Bob , "The Clean Architecture" 13 08 2022 [Online] Available: Clean Coder Blog [10] Microsoft , "Dependency injection in ASP.NET Core" 06 04 2022 [Online] Available: Dependency injection in ASP.NET Core | Microsoft Learn [11] Microsoft , "Common web application architectures" 11 01 2022 [Online] Available: Common web application architectures | Microsoft Learn ... C# Net, ReactJS Trong tháng tiếp theo, thực tập sinh tham gia vào dự án xây dựng API ADO .Net Một tháng rưỡi cuối cùng, thực tập sinh tham gia xây dựng ứng dụng hỗ trợ nhân công ty sử dụng ASP. NET. .. xây dựng khung sườn cho ứng dụng 3.3.2.1 Nội dung • Xây dựng khung ứng dụng phía back-end sử dụng ASP. Net Web API theo kiến trúc Clean Architecture • Xây dựng khung ứng dụng phía front-end ReactJS... ADO .Net ASP. Net MVC anh Trãi 100% để phát triển API Tham gia dự án sử dụng Anh Quang, ADO .Net ASP. Net MVC anh Trãi 100% để phát triển API Tham gia dự án sử dụng Anh Quang, ADO .Net ASP. Net MVC anh