0 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 ANGULAR Công ty thực tập Innovative Software Development Người phụ trách Nguyễn Anh Tú Thực tập sinh Lý[.]
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 ANGULAR Công ty thực tập : Innovative Software Development Người phụ trách : Nguyễn Anh Tú Thực tập sinh : Lý Quang Minh TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, với bùng nổ internet phát triển nhanh chóng xã hội, ứng dụng web trở thành phần thiếu sống người Các ứng dụng web đáp ứng nhu cầu ngày đọc báo tin tức, giải trí, mạng xã hội, xem phim, trò chuyện đáp ứng nhu cầu công việc bán hàng, hỗ trợ quản lý thơng tin Vì thế, lập trình web xu hướng nghiệp có nhu cầu dụng cao 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 phát triển môi trường chuyên nghiệp, em có dự định thực tập Vì vậy, em định chọn công ty Innovative Software Development - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Nguyễn Anh Tú Lý Quang Minh LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Innovative Software Development 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, em tiếp thu kiến thức quan trọng, kỹ làm việc chuyên nghiệp, cách giải vấn đề 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 em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Lê Ngọc Thạch 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 Nguyễn Anh Tú training Angular, hỗ trợ em nhiều vấn quy trình cách xây dựng ứng dụng web hoàn chỉnh thời gian qua Em xin chân thành 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 thực báo cáo Lý Quang Minh TP Hồ Chí Minh, ngày 25 tháng 12 năm 2022 Nguyễn Anh Tú Lý Quang Minh NHẬN XÉT CỦA KHOA Nguyễn Anh Tú Lý Quang Minh MỤC LỤC MỤC LỤC CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 1.1 Giới thiệu công ty Innovative Software Development .6 1.2 Sản phẩm công ty .6 CHƯƠNG 2: NỘI DUNG THỰC TẬP .8 2.1 Tìm hiểu công ty kỹ công ty 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc 2.2.2 Tìm hiểu Framework Angular .9 2.2.3 Thực project 2.2.4 Lịch làm việc .10 CHƯƠNG 3: CHI TIẾT VỀ PROJECT .12 3.1 Giới thiệu ứng dụng 12 3.2 Thực 12 TÀI LIỆU THAM KHẢO 14 TỔNG KẾT 15 Nguyễn Anh Tú Lý Quang Minh CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP Hình 1 Logo công ty 1.1 Giới thiệu công ty Innovative Software Development Tập đoàn ITD, tiền thân Trung tâm CATIC, thành lập năm 1994 nhóm nhà khoa học trẻ với hồi bão góp phần tích cực vào cơng cơng nghiệp hố – đại hóa q hương Việt Nam Trong suốt q trình hoạt động, tập đồn ITD nhạy bén, đầu việc nắm bắt, giới thiệu, cung cấp thiết bị đại, dịch vụ kỹ thuật cao, giải pháp tích hợp chuyển giao cơng nghệ, trở thành số cơng ty có lĩnh vực hoạt động vừa đa dạng vừa chuyên sâu, đối tác khách hàng tín nhiệm Trải qua 20 năm hoạt động phát triển, ITD trở thành tập đồn uy tín với hạt nhân công ty mẹ Tiên Phong công ty thành viên hoạt động chuyên sâu lĩnh vực kỹ thuật cao, bao gồm: Giao thông thông minh, Tin học – viễn thông, Điện – tự động, Hạ tầng kỹ thuật điện… 1.2 Sản phẩm công ty Sản phẩm công ty chủ yếu phềm mềm hệ thống Giao thông thông minh (lntelligent Transport System – ITS) ứng dụng kỹ thuật công nghệ với sở hạ tầng giao thông để điều hành quản lý hệ thống giao thông vận tải cách hiệu quả, đảm bảo an tồn giao thơng, giảm thời gian chi phí lại, bảo vệ mơi trường… Hệ thống bao gồm giải pháp chính: - Giải pháp thu phí giao thơng: Hệ thống thu phí dừng (MTC) Hệ thống thu phí khơng dừng (ETC) Nguyễn Anh Tú Lý Quang Minh Hệ thống thu phí kín (Closed System) Quản lý thu phí cho bãi đỗ xe Quản lý thu phí đỗ xe qua thiết bị di động - Giải pháp điều hành quản lý xe buýt - Giải pháp cân kiểm soát tải trọng xe - Giải pháp kiểm soát tốc độ phương tiện - Giải pháp bảng quang báo điện tử - Giải pháp thu nhập liệu phát cố giao thông - Giải pháp giám sát vượt đèn đỏ Nguyễn Anh Tú Lý Quang Minh CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề “Lập trình Web với Angular” nhằm mục đích giúp sinh viên thực tập học hỏi, nghiên cứu framework Angular xây dựng ứng dụng, đồ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 chun nghiệp 2.1 Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dụng: 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… Kết quả: Hiểu thêm cơng ty, 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 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ố Tortoise SVN - sử dụng làm việc nhóm, GIT – phần mềm quản lý mã nguồn, Clickup – sử dụng quản lý, giám sát tiến độ công việc, Gitlab – Phần mềm quản lí kho mã nguồn Nguyễn Anh Tú Lý Quang Minh Thực : Thực hành sử dụng phần mềm nêu 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 2.2.2 Tìm hiểu Framework Angular Thời gian: tuần Nội dung: Tìm hiểu Angular - Nhắc lại kiến thức html, css, javascript - Typescript - Kiến trúc MVC - Các khái niệm bản: Component, Directive, Template, Dependency Injection - Xây dựng form validation sử dụng ReactiveForm - Cấu hình route cho page - Cấu hình interceptor httpClient - Cấu hình Guard xác thực người dùng 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 Kết quả: - Nâng cao kỹ lập trình - Nắm kiến thức - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu hiệu 2.2.3 Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project Chi tiết đồ án nói phần sau Nguyễn Anh Tú Lý Quang Minh 10 2.2.4 Lịch làm việc Tuần Công việc Người hướng dẫn -Tìm hiểu cơng ty, Anh Lê Ngọc Thạch 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 Anh Nguyễn Anh Tú - Tìm hiểu kiến thức lập trình web Angular - Tìm hiểu Form, Validate, Router - Tìm hiểu thư viện Rxjs Ngrx - Tìm hiểu HttpClient, Interceptor, Guard Anh Nguyễn Anh Tú Anh Nguyễn Anh Tú - Tìm hiểu project - Nhận đặc tả thiết kế - Lập danh mục cơng việc thực - Xây dựng hình đăng nhập, quản lý(thêm xóa sửa) - Tích hợp chức cho hình Anh Nguyễn Anh Tú Nguyễn Anh Tú Mức độ hoàn thành Nhận xét người hướng dẫn Lý Quang Minh 11 - Kiểm thử sữa lỗi - Báo cáo thực tập - Tham gia dự án thực Anh Nguyễn Viên công ty Linh - Tham gia dự án thực Anh Nguyễn Viên công ty Linh Nguyễn Anh Tú Anh Nguyễn Anh Tú Lý Quang Minh 12 Nguyễn Anh Tú Lý Quang Minh 13 CHƯƠNG 3: CHI TIẾT VỀ PROJECT 3.1 Giới thiệu ứng dụng “Ứng dụng quản lí doanh nghiệp” phần mềm hỗ trợ công ty quản lý thông tin doanh nghiệp đối tác Web cho phép người dùng thêm mới, cập nhật thông tin, tình trạng hoạt động doanh nghiệp 3.2 Thực Giai đoạn 1: Phân tích yêu cầu tính năng, thiết kế hình Giai đoạn 2: Xây dựng hình web - Xây dựng layout - Xây dựng routing - Xây dựng hình quản lí doanh nghiệp - Xây dựng form tạo doanh nghiệp Giai đoạn 3: Tích hợp chức - Thực chức thêm xóa sửa doanh nghiệp - Thực chức đăng nhập Nguyễn Anh Tú Lý Quang Minh 14 Hình Màn hình quản lý doanh nghiệp Hình Màn hình quản lý thêm thơng tin đối tác Nguyễn Anh Tú Lý Quang Minh 15 TÀI LIỆU THAM KHẢO Tài liệu Angular: https://angular.io/docs Angular Material: https://material.angular.io Nguyễn Anh Tú Lý Quang Minh 16 TỔNG KẾT Trong tháng thực tập công ty TNHH MTV Innovative Software Development, em học hỏi nhiều kiến thức lập trình web hồn thành dự án quản lý thông tin doanh nghiệp đáp ứng đầy đủ tính Ngồi ra, em cịn làm việc môi trường chuyên nhiệp, động; hiểu cách quản lý dự án, văn hóa cơng ty Em xin chân thành cảm ơn công ty TNHH MTV Innovative Software Development tạo hội cho em thực tập Cảm ơn anh Lê Ngọc Thạch, Nguyễn Anh Tú hỗ trợ em hoàn thành tập Nguyễn Anh Tú Lý Quang Minh ... quang báo điện tử - Giải pháp thu nhập liệu phát cố giao thông - Giải pháp giám sát vượt đèn đỏ Nguyễn Anh Tú Lý Quang Minh CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề ? ?Lập trình Web với Angular? ??... dễ hiểu hiệu 2.2.3 Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project Chi... Minh Thực : Thực hành sử dụng phần mềm nêu 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 2.2.2 Tìm hiểu Framework Angular Thời gian: tuần Nội dung: Tìm hiểu Angular