Trang | 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 TRANG WEB VỚI ASP NET REACTJS VÀ GRAPHQL Công ty thực tập KMS Technology Người phụ trách Vũ Thái Anh Thực[.]
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 TRANG WEB VỚI ASP.NET REACTJS VÀ GRAPHQL Công ty thực tập KMS Technology Người phụ trách Vũ Thái Anh Thực tập sinh Phạm Phúc Nguyên - 19521918 TP Hồ Chí Minh, tháng 12 năm 2022 Vũ Thái Anh Phạm Phúc Nguyên LỜI MỞ ĐẦU Ngày nay, trang web ngày phát triển mạnh, không đơn trang web tĩnh ngày trước mà website nhìn đại với giao diện thân thiện với người dùng cung cấp trải nghiệm mượt cho người dùng Với phát triển liên tục việc phát triển website, nhiều công nghệ đời liên tục khoản thời gian gần với mục đích làm việc xây dựng website trở nên dễ Nhưng mang lại phức tạp chọn công nghệ với cơng nghệ có điểm yếu điểm mạnh riêng, sử dụng cho mục đích khác cơng ty khác Ngồi để phát triển website thuận tiện ta tạo nhiều công nghệ khác để cải thiện trải nghiệm người dùng, việc nâng cao mong đợi người dùng website Bây website phải lưu trữ trạng thái người dùng, có tốc độ cao, load nhanh, nhiều tương tác khác Rất nhiều tên JWT, Cookie, Microservice,… đưa ta muốn tìm kiếm thơng tin để xây dựng trang web Mặt khác loại hình tội phạm mạng ngày tinh vi hơn, việc khiến cho nhà cung cấp phải phát minh nhiều hình thức bảo mật khác nhau, với nhiều nội dung mà người xây dựng website cần phải tuân theo CSRF, DDOS, SQL Injection,… số hình thức cơng vơ số hình thức khác Với vấn đề nêu ta nhận thấy việc xây dựng website hoàn chỉnh không đơn giản đồ án trường Khối lượng kiến thức mà ta phải tiếp thu áp dụng khổng lồ mà ta mong cần đọc tải liệu đủ Ta phải có nhóm người đủ tài làm việc với cách hài hịa để đưa sản phẩm hồn chỉnh Vì lý sau năm học tập trường em muốn tham gia vào công ty lớn để học tập từ anh chị trước, học kiến thức chuyên môn lẫn kiến thức làm việc công ty Em muốn nhìn thấy tập thể làm việc để đạt đến mục tiêu lớn mà người đạt Vũ Thái Anh Phạm Phúc Nguyên LỜI CẢM ƠN Em xin gửi lời cảm ơn đến Công ty KMS Technology tạo điều kiện để em có hội thực tập lại cơng ty tháng vừa Trong khoảng thời gian ngắn ngủi em học nhiều kiến thức chuyên môn với nhiều công nghệ khác từ frontend đến backend Em xin cảm ơn anh/chị bỏ thời gian để giúp đỡ em q trình học tập xây dựng trang web cơng ty Em xin cảm ơn anh Vũ Thái Anh không giúp em phần kiến thức chuyên môn mà cho em lời khuyên cách làm việc Trong tất kiến thức chuyên môn anh góp ý nêu điểm quan trọng để em tìm hiểu sâu thêm vào phần đó, từ em có hội tiếp thu thêm nhiều kiến thức kiến trúc trang web cách hoạt bên nhiều công nghệ khác 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 Phạm Phúc Nguyên Tp.HCM, ngày 25 tháng 12 năm 2022 Vũ Thái Anh Phạm Phúc Nguyên NHẬN XÉT CỦA KHOA Vũ Thái Anh Phạm Phúc Nguyên Danh mục hình ảnh Hình 1.1 Logo KMS Technology Hình 1.2 Logo KMS Healthcare Hình 1.3 Logo KMS Solution Hình 1.4 Kobiton logo Hình 1.5 Katalon logo Hình 1.6 Grove logo Hình 1.7 Visily logo Hình 1.8 Kaypay logo Hình 2.1 Thời gian biểu để nghiên cứu Hình 2.2 Hệ thống NET Hình 2.3 Cách hoạt động GC Hình 2.4 OOP Hình 2.5 EF Core logo Hình 2.6 Web api Hình 2.7 Mơ hình MVC Hình 2.8 Quy trình thực TDD Hình 2.9 Mơ hình GraphQL Hình 2.10 Logo typescript Hình 2.11 Logo ReactJS Hình 3.1 Planning Poker Hình 3.2 Quá trình chơi Vũ Thái Anh 1 3 3 8 10 12 13 14 15 16 21 22 Phạm Phúc Nguyên Chương 1: Giới thiệu công ty thực tập Mục Lục 1 Giới thiệu công ty KMS Technology 1.1 KMS Health care 1.2 KMS Solution 1.3 Các công ty product 2 Sản phẩm công ty Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty 2.1 Thông tin công ty: 2.2 Kỹ công ty: Nghiên cứu kỹ thuật 2.1 Tìm hiểu C# nâng cao 2.2 Tìm hiểu sâu OOP 2.3 Tìm hiểu EF Core 2.4 Tìm hiểu Web API 10 2.5 Tìm hiểu MVC ASP.NET CORE 11 2.6 Tìm hiểu TDD (Test driven development) 12 2.7 Tìm hiểu GraphQL 14 2.8 Tìm hiểu Typescript 15 2.9 Tìm hiểu ReactJS 16 Thực project 17 Lịch làm việc 18 Chương 3: Chi tiết project 21 Giới thiệu phần mềm Planning Poker 21 3.1 Cách chơi planning poker 21 3.2 Lý xây dựng chương trình 23 Thực 23 Kế hoạch 23 Vũ Thái Anh Phạm Phúc Nguyên Vũ Thái Anh Phạm Phúc Nguyên Trang | Chương 1: Giới thiệu công ty thực tập Hình 1.1 Logo KMS Technology Giới thiệu công ty KMS Technology Được thành lập vào năm 2009, KMS Technology công ty chuyên cung cấp dịch vụ phát triển sản phẩm phần mềm, tư vấn triển khai giải pháp công nghệ khởi nghiệp Sau 12 năm hoạt động KMS xây dựng đội ngũ 1000 nhân viên Mỹ Việt Nam, phát hành sản phẩm phần mềm thị trường giới KMS bao gồm: ● KMS Healthcare ● KMS Solution ● Các công ty product 1.1 KMS Health care Phát triển sản phẩm phần mềm đại thị trường y tế cách nhanh chóng hiệu Hình 1.2 Logo KMS Healthcare Vũ Thái Anh Phạm Phúc Nguyên Trang | Đội ngũ nhân viên có kiến thức lập trình phát triển phần mềm lẫn y tế giúp việc xây dựng phần mềm lấy bệnh nhân làm đối tượng phát triển cách hiệu Cung cấp nhiều dịch vụ khác lưu trữ bảo mật thông tin bệnh nhân, xây dựng phần mềm y tế ứng dụng di động, tư vấn dịch vụ ngành y tế, … Được nhiều công ty tin tưởng như: ● Greenphire ● ThermoFisher Scientific ● Clario ● Clearwave ● Medidata 1.2 KMS Solution KMS Solution tập trung vào giải pháp phần mềm dịch vụ phía nhà bank Hình 1.3 Logo KMS Solution Họ có trách nhiệm tư vấn mặt cơng nghệ platform, phân tích data với mục đích phát triển hệ thống dịch vụ banking đại Cung cấp trải nghiệm tốt cho khách hàng sử dụng dịch vụ mua bán 1.3 Các công ty product Trong 12 năm hoạt động KMS thành lập thành công công ty product khác bao gồm Kobiton, Katalon, Grove, Visily, Kaypay ● QASymphony ( tách rời vào năm 2018 ) Vũ Thái Anh Phạm Phúc Nguyên Trang | Sản phẩm công ty Trong trình phát triển KMS, họ phát triển thành công nhiều sản phẩm như: ● Kobiton: Hệ thống kiểm thử phần mềm di động, cung cấp tính kiểm thử tự động hay manual thiết bị di động thật không sử dụng giả lập Hình 1.4 Kobiton logo ● Katalon: Một hệ thống kiểm thử sử dụng công nghệ AI giúp tạo test case cách nhanh chóng dễ dàng cho trang web mobile Hình 1.5 Katalon logo ● Grove: Hệ thống quản lý thông tin human resource cách nhanh chóng thuận tiện cho nhân viên cơng ty Hình 1.6 Grove logo ● Visily: Trong web thiết kế UI tạo cho người designer áp dụng công nghệ AI Hình 1.7 Visily logo ● Kaypay: Hệ thống tốn cách đơn giản thuận tiện Hình 1.8 Kaypay logo Vũ Thái Anh Phạm Phúc Nguyên ... ĐẦU Ngày nay, trang web ngày phát triển mạnh, không đơn trang web tĩnh ngày trước mà website nhìn đại với giao diện thân thiện với người dùng cung cấp trải nghiệm mượt cho người dùng Với phát triển... C# đề cập đến trình lập trình quan trọng để xây dựng chương trình hiệu ● Phân biệt phiên Dotnet lý đằng sau tên o Phiên Dotnet NET Framework khơng Microsoft tiếp tục phát triển với phiên cuối... Migration: Với migration, người lập trình thiết kế database với C# gọi lệnh CLI EF Core tạo câu lệnh SQL tương ứng để tạo database phù hợp với table tương ứng Người lập trình khai báo quan hệ bảng với