Báo cáo thực tập lập trình WEB với ASP NET ANGULAR

1 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 WEB VỚI ASP.NET & ANGULAR Công ty thực tập Người phụ trách Thực tập sinh : FUJINET SYSTEMS JSC : Nguyễn Chí Tâm : Phan Quốc An TP Hồ Chí Minh, tháng năm 2022 Nguyễn Chí Tâm Phan Quốc An LỜI MỞ ĐẦU Với bùng nổ Internet, website giới sản sinh với tốt độ chóng mặt Khơng giống ứng dụng di động hay ứng dụng desktop, website không bị ràng buộc hệ điều hành hay tương thích nào, hệ điều hình có trình duyệt truy cập vào website Các website đóng vai trò chủ chốt việc kết nối cá nhân tham gia mạng Internet với Để bắt kịp với đà phát triển giới, mạng Internet Việt Nam phát triển từ thời điểm không sớm với tốc độ lan toả đáng kinh ngạc khiến Việt Nam lọt vào top nước có độ phú Internet rộng giới Rất nhiều công ty phần mềm Việt Nam thành lập, có Cơng ty Cổ phần FUJINET SYSTEMS với khách hàng chủ yếu công ty phần mềm Nhật Bản Cả framework ASP.NET Angular công nghệ nhiên đem đến tốc độ xử lý nhanh (C#) độ ổn định gần tuyệt đối nên nhiều doanh nghiệp lớn sử dụng dự án phần mềm Sau khoảng thời gian học tập trường, em có mong muốn tham gia vào dự án thực tế, làm việc môi trường doanh nghiệp để tiếp thu thêm nhiều kiến thức làm quen với cơng việc tương lai Do đó, em định tham gia vào khố thực tập Cơng ty Cổ phần FUJINET SYSTEMS để thực mong muốn Nguyễn Chí Tâm Phan Quốc An LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty FUJINET SYSTEMS JSC 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 kinh nghiệm quan trọng để thực dự án môi trường chuyên nghiệp 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 hồn thành đợt thực tập Đặc biệt cảm ơn anh Nguyễn Chí Tâm training NET Core, hướng dẫn nghiệp vụ dự án giúp đỡ chúng em giải khó khăn cơng việc việc làm quen với môi trường mới; cảm ơn anh Nguyễn Khánh Duy hướng dẫn kiểm thử, sửa lỗi, hỗ trợ chúng em nhiều Angular trình thực phần front-end; cảm ơn anh Lê Kế Hào giải đáp thắc mắc chúng em Angular; cảm ơn anh Đỗ Đăng Huấn phổ biến quy định công ty, đồng thời hướng dẫn chúng em sử dụng remote desktop để làm việc suốt trình làm việc online Cũng xin cảm ơn thầy 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 Phan Quốc An TpHCM, tháng năm 2022 Nguyễn Chí Tâm Phan Quốc An NHẬN XÉT CỦA KHOA Nguyễn Chí Tâm Phan Quốc An 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 FUJINET SYSTEMS JSC Sản phẩm công ty 1.1 Chuyển đổi hệ thống phần mềm sử dụng database Oracle sang PostgreSQL 1.2 Dự án mobile Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc 2.2 Tìm hiểu ASP.NET 2.3 Tìm hiểu Angular 10 Thực project 11 Lịch làm việc 11 Chương 3: Chi tiết project tham gia 14 Bài tập Quản lý nhân viên đơn giản 14 1.1 Giới thiệu 14 1.2 Vai trò 14 1.3 Kết đạt 14 Phần mềm chăm sóc sức khoẻ người cao tuổi 14 Nguyễn Chí Tâm Phan Quốc An Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty FUJINET SYSTEMS JSC Tên đầy đủ công ty Công ty Cổ phần FUJINET SYSTEMS, tên viết tắt FUJINET SYSTEMS JSC Ngày 01/10/1996, thành lập Công ty FUJINET chủ yếu cung cấp máy tính cho cơng ty Nhật Thành phố Hồ Chí Minh Ngày 06/10/2000, thành lập Cơng ty TNHH Mạng Máy Tính Phú Sĩ (FUJINET Co., Ltd.) chuyên phát triển phần mềm cho thị trường Nhật Bản Ngày 01/9/2015, Công ty FUJINET chuyển đổi thành Công ty Cổ phần FUJINET SYSTEMS Sản phẩm công ty 1.1 Chuyển đổi hệ thống phần mềm sử dụng database Oracle sang PostgreSQL Tên Project: Chuyển đổi sử dụng Oracle sang PostgreSQL hệ thống Quản lý thư viện Sơ lượt Project: Chuyển đổi toàn hệ thống sử dụng PostgreSQL Di chuyển DB Chỉnh sửa phần kết nối DB Chỉnh sửa SQL Công đoạn thực hiện: - Lập trình software (Coding, Test Program) - Quy trình hệ thống: 850KL - Quy mô thực hiện: 6.8KL Di chuyển DB: Nguyễn Chí Tâm Phan Quốc An - Table: 574 tables - View: 285 views - Function: functions Số item cần phải test: 2,675 items Số bug ghi nhận được: 51 bugs (Loại bỏ trùng lặp) Đã tạo tài liệu lưu lại Sổ tay chuyển đổi từ Oracle, phương pháp Backup/Restore Ngơn ngữ lập trình + Tool + OS: Ngơn ngữ lập trình: - HTML, CSS Database: - Oracle, PostgreSQL Kỳ hạn: tháng 1.2 Dự án mobile Tên Project: e-Learning Platform Sơ lược Project: Đây hình thức học tập hệ sử dụng Internet để đào tạo nhân viên công ty Bằng cách sử dụng e-Learning, học viên học theo thời gian rảnh họ, nhìn thấy hiệu đào tạo giảm chi phí, vốn điều khó khăn đào tạo trực tiếp Ngơn ngữ lập trình + Tool + OS: Spring boot, Thymeleaf, Google Analytics, Hibernate, Spring Security, WebRTC, Red5, SAML, Single Sign-on, Moodle… Kỳ hạn: 24 tháng Nguyễn Chí Tâm Phan Quốc An Chương 2: Nội dung thực tập Đợt thực tập với mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình phần mềm nghiệp vụ công nghệ đặc thù, đồ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 phát triển phần mềm chuyên nghiệ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 Đượ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 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… Kết quả: Hiểu thêm cơng ty FUJINET SYSTEMS, 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 Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc Thời gian: ngày 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ố Microsoft Teams - sử dụng để thực họp trực tuyến, Windows Remote Desktop để điều khiển máy tính cơng ty từ xa, phục vụ cho q trình làm việc nhà, Nguyễn Chí Tâm Phan Quốc An với nhiều phần mềm nhắn tin, gửi nhận email phát triển đặc biệt để đáp ứng nhu cầu bảo mật cho công ty cho khách hàng Thực hiện: Thực hành sử dụng phần mềm nêu Kết quả: Lập trình sử dụng cơng cụ miễn phí phần mềm đặc thù, giúp dễ dàng kết hợp công cụ với nhau, so với việc dung IDE Tìm hiểu ASP.NET 2.2 Thời gian: 10 ngày (2 tuần làm việc) song song với tìm hiểu Angular Nội dung: Được training công nghệ ASP.NET, kiến thức quan trọng cho việc phát triển back-end - Ngôn ngữ C#: Cấu trúc, hàm cách quản lý đối tượng ngơn ngữ C# Ngồi ra, thực tập sinh cịn hướng dẫn lập trình hướng đối tượng (đặc trưng ngôn ngữ C#) - Thư viện: ASP.NET tập hợp nhiều thư viện C#, cần phải biết cách sử dụng số thư viện quan trọng để thực dự án - NuGet Package: Thực tập sinh hướng dẫn cách tích hợp NuGet Package vào dự án quản lý sử dụng hiệu chúng Một số NuGet Package thực công việc đặc trưng nên cần phải nắm rõ để sử dụng - HTTP Method: HTTP Method thành phần thiếu Web API Thực tập sinh hướng dẫn mục đích loại HTTP Method, cách tạo kiểm thử API Thực hiện: - Tham gia đầy đủ buổi training công ty - Nghiên cứu tài liệu tham khảo gửi - Làm thực hành, kiểm tra kiến thức học Nguyễn Chí Tâm Phan Quốc An 10 Kết quả: - Nâng cao kỹ lập trình với ngơn ngữ C# ASP.NET - Có kiến thức quan trọng cho việc lập trình back-end sau - Biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu - Ngoài biết cách đọc tài liệu để biết cách xếp, đặt tên thư mục, class, đối tượng cho quy định chung để phục vụ cho làm việc nhóm Tìm hiểu Angular 2.3 Thời gian: 10 ngày (2 tuần làm việc) song song với tìm hiểu ASP.NET Nội dung: Các kiến thức Angular để làm trang web đơn giản - Khái niệm HTML, CSS, Javascript Typescript: Thực tập sinh training ngôn ngữ Javascript Typescript, làm số tập đơn giản Javascript, Typescript, bên cạnh tập có liên quan đến HTML CSS - Component: Component thành phần quen thuộc hầu hết javascript framework, kiến trúc Angular để tạo nên website - Class: Khác với Javascript, Typescript có hỗ trợ định nghĩa lớp đối tượng, điều giúp cho liệu quản lý chặt chẽ rủi ro lỗi Thực tập sinh hướng dẫn cách đọc hiểu tài liệu tiếng Nhật để thực việc phân lớp, đặt tên lớp nhằm tạo đồng với phần back-end - Binding: Là phần đặc trưng Angular với từ khoá ngModel Do lần đầu em làm quen với Angular thành phần Angular, nên giúp đỡ anh Duy anh Hào vô quan trọng cần thiết Thực hiện: - Tham gia đầy đủ buổi trainning Nguyễn Chí Tâm Phan Quốc An - 11 Làm tập thực hành thiết kế giao diện trang web từ giao diện vẽ sẵn - Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết quả: - Hiểu khái niệm lập trình front-end với Angular - Đã áp dụng mức công cụ mà Angular cung cấp vào dự án Thực project Sau đào tạo kiến thức cần thiết, thực qua tập bản, thực tập nhận đánh giá từ phía người hướng dẫn tham gia gián tiếp vào dự án công ty (thực lại chức hoàn thành giao cho khách hàng dự án công ty) Công nghệ sử dụng: Azure DevOps, ASP.NET, Angular… Chi tiết dự án nói phần sau Lịch làm việc Tuần Công việc - Người hướng dẫn Mức độ hồn thành Tìm hiểu cơng ty, Anh Nguyễn Chí 100% Nhận xét người hướng dẫn Hồn thành tốt cách tổ chức công Tâm ty - Anh Đỗ Đăng Làm quen với công Huấn cụ làm việc công ty - Học cách trao đổi, làm việc qua email - Được phổ biến quy tắc bảo mật công ty - Nguyễn Chí Tâm Tìm hiểu ASP.NET Anh Nguyễn Chí 100% Hoàn thành tốt Phan Quốc An 12 Angular - Tâm Thực hành với kiểm tra Angular Tutorial - Tiếp tục tìm hiểu Anh Nguyễn Chí 100% ASP.NET Angular - Hoàn thành tốt Tâm Thực ứng Anh Lê Kế Hào dụng web quản lý nhân viên với dựa giao diện liệu định nghĩa sẵn - Hoàn thành ứng dụng Anh Nguyễn Chí 100% web - Hồn thành tốt Tâm Thực kiểm thử Anh Lê Kế Hào vá lỗi ứng dụng web vừa hoàn thành - Nhận đánh giá từ người hướng dẫn - Được tiếp cận với tài Anh Nguyễn Chí 100% Hồn thành tốt liệu thiết kế hệ thống Tâm dự án thực tế công ty - Được hướng dẫn cách đọc - hiểu tra cứu tài liệu tiếng Nhật Thực việc thiết kế Anh Nguyễn Chí 100% Hồn thành tốt liệu, bảng cần Tâm thêm chức Nguyễn Chí Tâm Phan Quốc An 13 giao - Tạo API dựa tài liệu thiết kế - Tìm hiểu cách sử dụng Anh Nguyễn Chí 100% framework thiết kế Tâm giao diện dự án - Hoàn thành tốt Anh Nguyễn Thực phần giao Khánh Duy diện dựa tài liệu thiết kế - Ghép phần front-end Anh Nguyễn Chí 100% back-end dự án - Tâm Thực kiểm thử Anh vá lỗi hệ thống Hoàn thành tốt Nguyễn Khánh Duy Nhận đánh giá người có liên quan mức độ hồn thành cơng việc giao suốt q trình thực tập cơng ty Nguyễn Chí Tâm Phan Quốc An 14 Chương 3: Chi tiết project tham gia Bài tập Quản lý nhân viên đơn giản 1.1 Giới thiệu Bài tập anh Nguyễn Chí Tâm giao với thời gian hoàn thành cho phép tuần Nội dung tập tạo trang web quản lý nhân viên đơn giản sử dụng ASP.NET Angular, lưu trữ liệu local SQL Server dựa hình vẽ trước, bảng liệu mô tả yêu cầu đặt 1.2 Vai trị Thực tập sinh đảm nhiệm làm tồn tập hướng dẫn trainer 1.3 Kết đạt Thục tập sinh hoàn thành tập trước kỳ hạn quy định, đáp ứng tất yêu cầu đưa ra, thiết kế hình, bảng liệu với thiết kế Phần mềm chăm sóc sức khoẻ người cao tuổi Phần mềm thuộc dự án bệnh viện trực tuyến Nhật, lý bảo mật công ty tiết dự án khơng tiết lộ Nguyễn Chí Tâm Phan Quốc An 15 TÀI LIỆU THAM KHẢO [1] Angular Angular Docs: https://angular.io/docs [2] Angular Angular Tutorial: https://angular.io/tutorial [3] ASP.NET ASP.NET documentation: https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore-6.0 [4] ASP.NET Entity Framework documentation: https://docs.microsoft.com/en-us/ef/ [5] Nhiều tài liệu nội khác Nguyễn Chí Tâm Phan Quốc An 16 TỔNG KẾT Như vậy, thời gian thực tập ngắn ngủi, hướng dẫn anh, em hồn thành cơng việc giao thời gian quy định Mặc dù nhiều thiếu sót với việc tham gia vào dự án khơng phải thức giúp em tiếp thu nhiều học quý báu, có hội tiếp xúc với môi trường làm việc chuyên nghiệp – điều em chưa trải qua trước Chân thành cảm ơn anh Nguyễn Chí Tâm, anh Nguyễn Khánh Duy, anh Lê Kế Hào giúp đỡ em suốt trình việc tiếp xúc với dự án Nguyễn Chí Tâm Phan Quốc An ... Angular Angular Docs: https:/ /angular. io/docs [2] Angular Angular Tutorial: https:/ /angular. io/tutorial [3] ASP. NET ASP. NET documentation: https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore-6.0... An 12 Angular - Tâm Thực hành với kiểm tra Angular Tutorial - Tiếp tục tìm hiểu Anh Nguyễn Chí 100% ASP. NET Angular - Hoàn thành tốt Tâm Thực ứng Anh Lê Kế Hào dụng web quản lý nhân viên với dựa... Security, WebRTC, Red5, SAML, Single Sign-on, Moodle… Kỳ hạn: 24 tháng Nguyễn Chí Tâm Phan Quốc An Chương 2: Nội dung thực tập Đợt thực tập với mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình