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 ANGULAR VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ QUAN HỆ KHÁCH HÀNG Công ty thực tập TNHH ASSURE VIETNAM GROUP Người phụ trách[.]
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 ANGULAR VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ QUAN HỆ KHÁCH HÀNG Công ty thực tập TNHH ASSURE VIETNAM GROUP Người phụ trách Trần Khánh Toàn Thực tập sinh Trương Thành Quang TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, lập trình web phận 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 Angular Framework framework phổ biến, phát triển Google 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 Assure Global Group - 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 Assure Global Group 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 hồ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 Trần Khánh Toàn training Angular Framework, 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 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 Trương Thành Quang TP.HCM, ngày tháng 12 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 TNHH ASSURE VIETNAM GROUP 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 TÀI LIỆU THAM KHẢO 14 15 Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty TNHH ASSURE VIETNAM GROUP Công ty TNHH Assure VietNam Group công ty phát triển phần mềm outsourcing thành lập năm 2020, cơng ty có trụ sở Toroton, Canada Công ty chuyên dự án làm Angular Framework 1.2 Sản phẩm công ty Khách hàng công ty chủ yếu đến từ Canada 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 Angular Framework” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình Angular Framework 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 chun nghiệp 2.1 Tìm hiểu cơng ty kỹ công ty 2.1.1.1 Thời gian Ngày 22 tháng 08 năm 2022 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, 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 THNN Assure VietNam Group, 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 22 tháng 08 năm 2022 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 - sử dụng làm việc nhóm 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ữ TypeScript vấn đề nâng cao 2.2.2.1 Thời gian Từ ngày 22 tháng 08 năm 2022 đến ngày 29 tháng 08 năm 2022 2.2.2.2 Nội dung Được training kỹ thuật nâng cao TypeScript, kiến thức quan trọng cho việc tối ưu phía front-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 Angular ● 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ữ TypeScript ● 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 Angular thư viện Lightning System Design 2.2.3.1 Thời gian Từ ngày 29 tháng 08 năm 2022 đến ngày 05 tháng 09 năm 2022 2.2.3.2 Nội dung: Các kiến thức Angular để tạo phía giao diện ứng dụng web Đồng thời sử dụng thư viện Lightning System Design để tinh chỉnh giao diện ● Các khái niệm RxJS, Angular Nắm khái niệm RxJS, Angular Angular xem open source (mã nguồn mở) hay frameworks miễn phí chuyên dụng cho công việc thiết kế web Angular phát triển từ năm 2009 trì Google Frameworks xem frameworks front end mạnh mẽ chuyên dụng lập trình viên cắt HTML cao cấp Thư viện Lightning Design System cung cấp tập hợp thành phần UIđơ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 Angular Angular Lifecycle Hooks, RxJS, Form (Reactive Form), …, khái niệm quan trọng lập trình Angular ● Angular Lifecycle Hooks Hooks cho phép chèn thêm tác vụ cần thiết khoảnh khắc quan trọng trình khởi tạo phá hủy component Chúng ta khai thác khoảnh khắc quan trọng vòng đời cách triển khai nhiều interfaces thư viện lõi Angular ● RxJS RxJS thư viện tiện lợi cho việc xư lý bất đồng (bao gồm việc xư lý dựa kiện cú click chuột) Tất nhiên nói cách đơn giản thư viện "rất tiện lợi" mà ko Nếu tìm hiểu sâu chút, bạn có cảm giác thư viện mang màu sắc "đổi mới, cách tân" ko dừng khía cạnh "tiện lợi" ● Reacctive Form Phương pháp tránh việc sử dụng directive ngModel, required thay vào tạo Object Model Component, tạo form từ chúng 2.2.3.3 Thực ● Tham gia đầy đủ buổi trainning ● Xây dựng giao diện sử dụng Angular áp dụng thư viện Lightning Desgin System ● 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 Angular ● Hiểu cách áp dụng Lightning Design System với Angular ● Xây dựng thành công giao diện cho ứng dụng web có áp dụng RxJS Reactive Form 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 TypeScript, Angular Trong tháng tiếp theo, thực tập sinh tham gia vào dự án xây dựng giao diện Angular 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 Lightning Desgin System Angular 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ị Trúc 100% Tìm hiểu ngơn ngữ lập trình Anh Kha, 100% TypeScript kiến thức Anh Tồn 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 - nâng cao - Tìm hiểu ngơn ngữ Typescipt framework Angular - Làm test Angular - Tham gia dự án sử dụng Anh Kha, Angular để phát triển giao Anh Toàn 100% diện Tham gia dự án sử dụng Anh Kha, Angular để phát triển giao Anh Toàn 100% diện Tham gia dự án sử dụng Anh Kha, Angular để phát triển giao Anh Toàn diện 100% Nhận xét người hướng dẫn Tham gia dự án sử dụng Anh Kha, Angular để phát triển giao Anh Toàn 100% diện Lên ý tưởng, đề xuất yêu cầu, Anh Kha, cơng nghệ để tham gia xây Anh Tồn 100% dựng ứng dụng quản lý quan hệ khách hàng - Bản thiết kế giao diện Anh Kha, 100% Anh Toàn - Xây dựng khung giao diện Anh Kha, - Triển khai tính đề Anh Tồn 100% xuất 10 11 12 - Tiếp tục triển khai tính Anh Kha, Anh Tồn Tiếp tục triển khai tính Anh Kha, Anh Tồn - Sửa lỗi chuẩn bị demo Anh Kha, - Thuyết trình sản phẩm Anh Toàn - 90% 100% 100% 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 khách hàng 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: ● Trương Thành Quang Và giúp đỡ tận tình anh chị cơng ty TNHH Assure VietNam Group 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 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 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 front-end Angular tinh chỉnh giao diện thư viện Lightning Design System ● Xây dựng việc kết nối ứng dụng với API có sẵn ● Hồn thiện thiết kế giao diện 3.3.2.2 Kết ● Có thể tinh chỉnh giao diện Lightning Design System sử dụng thành phần Angular ● Hoàn thành kết nối với API ● Hoà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 Đăng nhập, dăng Cho phép nhân viên Hoàn thành Liên kết với sở liệu xuất đăng nhập Thông tin nhân Hiển thị thông tin cá Hoà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ị nơi chấm cơng phép, chấm cơng cho nhân viên Hồn thành phương thức chấm công Hiển thị danh sách nghỉ Hoàn thành hiển thị danh 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 sở liệu trữ sở liệu thành công 3.3.3.2 Giai đoạn – Tính cốt lõi Số thứ tự Tính Danh sách nghỉ Hiển thị danh sách nghỉ phép phép theo loại, theo ngày sách loại khác 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 phê duyệt quản lý phê duyệt Cho nhân viên ký lên Tạo lưu trữ file pdf file pdf trước sau kí Ký file pdf Nội dung Hoàn thành Hoàn thành hiển thị danh 3.3.4 Giai đoạn nghiệm thu kết báo cáo Dựa 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 ● Tạo tính ký file pdf 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 trình thực tập tháng, nhóm thực tập có buổi trình bày trình thực tập, dự án thực trình thực tập với anh chị cấp Chương 4.Tổng kết Như vậy, vịng tháng ngắn ngủi, nhóm kịp hoà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 TNHH Assure VietNam Group, nỗ lực nhóm thực tập để hồn thành dự án TÀI LIỆU THAM KHẢO Tài liệu tiếng Anh [1] Angular [Online] Available: Angular [2] Lightning Desgin System [Online] Available: Lightning Design System [3] RxJS , "Overview" [Online] Available: RxJS - Introduction ... 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... 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 Angular Framework” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình. .. đề xuất yêu cầu, Anh Kha, cơng nghệ để tham gia xây Anh Tồn 100% dựng ứng dụng quản lý quan hệ khách hàng - Bản thiết kế giao diện Anh Kha, 100% Anh Toàn - Xây dựng khung giao diện Anh Kha, -