Tài liệu Lập trình web hỗ trợ cấp tiền bằng .net và angular (báo cáo thực tập)

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 HỖ TRỢ CẤP TIỀN BẰNG .NET VÀ ANGULAR Công ty thực tập : Netcompany Người phụ trách : Đỗ Quốc Huy Thực tập sinh : Phạm Thiên Long TP. Hồ Chí Minh, tháng 6 năm 2022 2 LỜI MỞ ĐẦU Ngày nay, ngành lập trình web ngày càng phổ biến và được áp dụng rộng rãi vào nhiều lĩnh vực như công nghiệp, giải trí, tiện ích,… Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Ngành công nghiệp web non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để hòa nhập với những công ty hàng đầu về game trên thế giới. Bên cạnh những công ty phát triển ứng dụng web trong nước, các công ty đa quốc gia (Netcompany) cũng mở chi nhánh ở Việt Nam. Với khả năng sử dụng đa nền tảng, việc lập trình website thể hiện được sự quan trọng và khả năng phát triển vượt trội của mình. Và cũng chính giới trẻ sẽ là nguồn nhân lực quan trọng cho việc phát triển website sau này. Vì lý do này, em quyết định chọn lập trình web làm định hướng cho việc học tập của mình. Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như muốn được tham gia làm game trong một môi trường chuyên nghiệp, em có dự định là sẽ thực tập trong hè. Vì vậy, em quyết định chọn Netcompany - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện được dự định này. Phạm Thiên Long 3 LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Netcompany Việt Nam đã tạo điều kiện cho em có cơ hội được thực tập tại công ty. Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của nhóm trainer, nhóm thực tập chúng em đã tiếp thu được những kiến thức quan trọng để có thể làm được một website với các bước phát triển chuyên nghiệp nhất. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ ra 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 này. Đặc biệt cảm ơn anh Đỗ Quốc Huy, là manager đã nhận em vào dự án, hướng dẫn, giúp đỡ cho chúng em tận tình cả những khó khăn trong công việc, đến những khó khăn việc làm quen với môi trường mới; cảm ơn anh Phạm Bảo Long, đã training em trong việc lập trình .NET, hỗ trợ chúng em rất nhiều về các vấn đề kỹ thuật, Angular trong quá trình làm website; cảm ơn đội ngũ team Modulus , đã chỉ dẫn chúng em về cách làm báo cáo, lên kế hoạch, những kỹ năng không thể thiếu. Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này. Phạm Thiên Long Tp.HCM, Ngày 17 Tháng 6 Năm 2022 Phạm Thiên Long 4 NHẬN XÉT CỦA KHOA Phạm Thiên Long 5 MỤC LỤC MỤC LỤC 1 Chương 1: Giới thiệu công ty thực tập 2 1. 2. Giới thiệu về công ty Netcompany Sản phẩm của công ty Chương 2: Nội dung thực tập 1. 2. 3. 4. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty Nghiên cứu kỹ thuật Thực hiện project Lịch làm việc 2 2 3 3 3 7 7 Chương 3: Chi tiết về project 1. Giới thiệu về TUS 2. Thực hiện 3. Kế hoạch 9 9 11 11 TÀI LIỆU THAM KHẢO TỔNG KẾT Chương 1: Giới thiêu công ty thực tập 13 14 1. Giới thiệu công ty Netcompany Phạm Thiên Long 6 Netcompany-Intrasoft, trước đây là Intrasoft International, được thành lập năm 1996 và là nhà cung cấp giải pháp và dịch vụ CNTT hàng đầu Châu Âu, cung cấp các giải pháp tích hợp, sản phẩm và dịch vụ CNTT có chất lượng cao nhất cho các Tổ chức và Cơ quan của Liên minh Châu Âu, các tổ chức chính phủ quốc gia, các cơ quan công quyền , các tổ chức tài chính, tổ chức viễn thông và doanh nghiệp tư nhân. Netcompany mua lại Intrasoft International vào tháng 10 năm 2021. Công ty sử dụng hơn 2.800 chuyên gia có tay nghề cao, đại diện cho hơn 50 quốc tịch khác nhau nói hơn 30 ngôn ngữ. Với trụ sở chính tại Luxembourg, công ty hoạt động thông qua các chi nhánh hoạt động, công ty con và văn phòng tại 13 quốc gia. 2. Sản phẩm của công ty Việc mua lại Intrasoft tạo chỗ đứng vững chắc cho Netcompany đóng một vai trò quan trọng trong việc giúp các chính phủ, doanh nghiệp và tổ chức ở Châu Âu trong nỗ lực tận dụng tối đa quá trình số hóa. Nó nâng cao và củng cố vị thế của Netcompany trong khu vực công ở Châu Âu bằng cách tăng cường sự hiện diện trên một số thị trường Châu Âu và thêm vị trí hàng đầu trong thị trường các tổ chức của EU. Nó cũng sẽ mở rộng phạm vi tiếp cận và cung cấp trong ngành dọc khu vực tư nhân của Netcompany, dựa trên các tài liệu tham khảo và năng lực bổ sung được bổ sung từ Intrasoft trong Telco, Ngân hàng và Tài chính cũng như Năng lượng & Tiện ích. Điều này sẽ đặt Netcompany Group vào một vị trí thuận lợi để tiếp tục phát triển mạnh mẽ trong khu vực tư nhân.của riêng mình với các thương hiệu game được nhượng quyền thương mại như Real Football, Asphalt và Cerebral Challenge. Phạm Thiên Long 7 Chương 2: Nội dung thực tập Đợt thực tập em được tham gia dự án TUS, vai trò là 1 consultant trực tiếp tham gia thiết kế, lên kế hoạch, triển khai dự án. Được trải nghiệm quy trình thiết kế ứng dụng web dựa trên yêu cầu người dùng, thiết kế domain, giao diện, triển khai code, đánh giá pullrequest,… 1. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty Thời gian : 1 ngày Nội dung : Giới thiệu về công ty, cách tổ chức của công ty Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và 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ủa công ty . Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong công việc… Kết quả : Hiểu thêm về công ty Netcompany, quá trình thành lập và phát triển. Có thêm các kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn. 2. Nghiên cứu kỹ thuật 2.1. 2.2. Các công cụ làm việc Thời gian : 4 ngày Nội dung : Tìm hiểu về các công cụ sẽ được sử dụng trong quá 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 về các công cụ sẽ giúp ích cho trong công việc sau này. Mỗi người sẽ được công ty phát cho 1 chiếc laptop, có cài sẵn software service của công ty, tiến hành cài đặt environments : Visual studio, Visual studio code, docker, sqlserver, Dbeaver,… Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên, tiến hành cài đặt platform theo Guidelines của dự án. Kết quả : Lập trình sử dụng các công cụ miễn phí, giúp dễ dàng kết hợp các công cụ với nhau, so với việc dung các IDE. Tìm hiểu ngôn ngữ .NET nâng cao Thời gian : 5 ngày (1 tuần) Nội dung : Được training về các kỹ thuật lập trình .NET nâng cao, những kiến thức quan trọng cho việc tối ưu trên Website. - Lập trình hướng đối tượng Phạm Thiên Long 8 Các kiến thức cơ bản về lập trình hướng đối tượng như khái niêm, các đặc tính như tính kế thừa, tính đóng gói, tính ảo hóa, tính đa hình. Ngoài ra, thực tập sinh còn được hướng dẫn về cách thiết kế lớp cho từng đối tượng trong dự án. - EntityFramework : Cung cấp các phương pháp hỗ trợ việc liên kết đến cơ sở dữ liệu dành cho nền tảng .NET - Angular: Angular là gì? Angular là một JavaScript framework dùng để viết giao diện web (Front-end), được phát triển bởi Google. Hiện nay, Angular đang được sử dụng bởi rất nhiều các công ty lớn: Forbes, General Motors, Upwork… Với những lợi ích tuyệt vời mà Angular mang lại, bạn cần phải biết sử dụng Angular nếu muốn trở thành Front-end Developer giỏi. Thực hiện : - Tham gia đầy đủ các buổi training của công ty. - Làm các bài thực hành, kiểm tra về kiến thức đã học. Kết quả : - 2.3. Nâng cao kỹ năng lập trình với ngôn ngữ .NET, Angular. Có được những kiến thức quan trọng cho việc lập trình website. Ngoài ra còn được biết thêm một số quy tắc trong việc viết code sao cho đúng chuẩn, dễ đọc, dễ hiểu. Lập trình trên platform của project Nội dung : Tiến hành thực hiện coding trên nền tảng đã được phát triển Modulus generic của công ty, cải tiến và thay đổi để đáp ứng các yêu cầu chức năng của project. - Định nghĩa về Modulus: Modulus là 1 nền tảng tự phát triển của Netcompany, dựa trên các yêu cầu chức năng của ứng dụng hỗ trợ phản lý case của Microsoft. Hiện nay các project liên quan đến case ở Netcompany đều có thể sử dụng platform Modulus, sau đó tiến hành phát triển lên trên platform để tạo ra 1 ứng dụng web có đặc trưng riêng phù hợp với yêu cầu của từng project. Thực hiện : - Tham gia đầy đủ các buổi training. Phạm Thiên Long 9 - Tạo ra những chức năng cơ bản như CRUD một case, các hoạt động liên quan, quản lý,… Kết quả: - Đã có thể tạo chức năng quản lý tài khoản người dùng 3. Thực hiện project Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến thực cơ bản .NET,Angular,Docker. Trong tháng thứ hai, trainer đã hướng dẫn thực tập sinh áp dụng những kiến thức đã học để thực hiện một project grant tiền cho nông dân ở Đan Mạch. Chi tiết đồ án sẽ được nói ở phần sau. 4. Lịch làm việc Tuần 1 2 3 4 5 Mức độ Công việc Người hướng dẫn hoàn thành - Tìm hiểu về công Anh Đỗ Quốc Huy 10 ty, cách tổ chức của công ty. - Làm quen với các công cụ làm việc trong công ty. - Học cách trao đổi, làm việc qua email. - Tìm hiểu ngôn ngữ Anh Phạm Bảo 9 lập trình .NET nâng Long cao - Thực hành .NET - Làm bài test .NET - Tìm hiểu về Mikkel Hammelev 9 Angular - Thực hành lập trình Angular trên platform - Tìm hiểu về docker Anh Huỳnh Văn 10 Ngoãn Giai đoạn prepare Jonas 10 sprint: B.Rasmussen - Lên kế hoạch - Viết documents Nhận xét của người hướng dẫn Áp dụng tốt vào thực tế Phạm Thiên Long 10 - 6 7 8 Thiết kế frontend bằng figma Sprint 1: - Viết các domain - Viết test case Sprint 2: - Viết các chức năng nâng cao hơn - Thực hiện pullrequest - Thực hiện first demo cho khách hàng Sprint 3 :. - Fix bug, comments PR - Tiếp tục viết các chức năng nâng cao - Báo cáo cuối đợt thực tập. Jonas B.Rasmussen 8 Josefine Grunnet 9 Mikkel Hammelev 10 Chương 3: Chi tiết về project 1. Giới thiệu về TUS TUS là 1 project hỗ trợ chính phủ Đan Mạch tiếp nhận các đơn xin hỗ trợ vốn từ nông dân, sau đó tiến hành xem xét và thanh toán. Áp dụng Modulus platform để quản lý các case(đơn xin hỗ trợ), đưa ra các hành động (gắn các activity vào case để theo dõi quá trình),thống kê,… Phạm Thiên Long 11 Giao diện trang chủ(dashboard) của TUS Phạm Thiên Long 12 Tiến hành tạo case bằng cách nhấn vào Case ở navigation và chọn Create new case Phạm Thiên Long 13 Điền thông tin chính của case : CPR code, name, type, start date, responsible department. Sau khi tạo thành công, website sẽ điều hướng về trang detail của case, sau đó người dùng có thể tiến hành gắn các hoạt động (mở cuộc xem xét thực tế, đánh giá, …) vào case, cũng như liên kết các documents liên quan, tạo cuộc họp. 2. Thực hiện Team TUS VN: Phạm Thiên Long 14 - Phạm Bảo Long (local lead) Mikkel Hammelev (team lead) Huỳnh Văn Ngoãn Phạm Thiên Long Đỗ Duy Khang Hoàng Xuân Bách Đỗ Quốc Huy (manager) Và sự giúp đỡ tận tình của team modulusVN. 3. Kế hoạch Giai đoạn sprint planning: - Hoàn thành các documents DD100-detail design cho từng User stories Thiết kế giao diện Figma, thiết kế domain model, Logical data model Kết quả : - Hầu hết các tính năng đã được lên kế hoạch, thiết kế kỹ lưỡng Giai đoạn Sprint 1, 2 ,3: - Hoàn thành các main function: login, case CRUD, activity CRUD, General Ledger Account Management. Kết quả : Đã hoàn thành toàn bộ những tính năng trên, demo cho khách hàng, nhận phản hồi và tiến hành tiếp tục ở sprint 4. Phạm Thiên Long 15 TÀI LIỆU THAM KHẢO For Angular https://angular.io/ For .NET https://dotnet.microsoft.com/en-us/ For EntityFramework https://docs.microsoft.com/en-us/ef/core/get-started/overview/first-app?tabs=netcore-cli For Docker https://www.docker.com/ For Netcompany https://www.netcompany.com/int TỔNG KẾT Như vậy, chỉ trong vòng ba tháng ngắn ngủi, nhóm đã và đang tiếp tục phát triển ứng dụng web TUS . Project đã hoàn thành khá đầy đủ các tính năng đã đề ra ban đầu. Do thời gian có hạn nên tính năng website còn đơn giản, hình ảnh chưa được đẹp như mong đợi. Nhưng do web phát triển theo framework có tính kế thừa nên sau này khi có thời gian sẽ có thể phát triển lên mức cao hơn. Chân thành cảm ơn sự giúp đỡ của các anh chị nhóm modulusVN, sự nỗ lực của nhóm TUS để có thể tiếp tục phát triển ứng dụng. Phạm Thiên Long