Báo cáo thực tập phần mềm quản lý sự cố

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 PHẦN MỀM QUẢN LÝ SỰ CỐ Công ty thực tập : TungTung Người phụ trách : Phan Thanh Tùng Thực tập sinh : Lê Khắc Hậu Linh Phan Thanh Tùng Lê Khắc Hậu Linh TP Hồ Chí Minh, tháng 12 năm 2020 Phan Thanh Tùng Lê Khắc Hậu Linh LỜI MỞ ĐẦU Hiện nay, với lớn mạnh việc đô thị hóa, kèm theo phát triển nhiều khu công nghiệp , nhà máy…Nên ô nhiễm mơi trường tất yếu Chính quan trắc môi trường hoạt động thiếu phát triển ngày Quan trắc môi trường tên tiếng anh environmental monitoring Là trình theo dõi quan sát cách có hệ thống thành phần môi trường, bao gồm yếu tố tác động lên môi trường đất , nước không khí Nhằm cung cấp thơng tin để đánh giá trạng, diễn biến chất lượng môi trường tác động xấu khác môi trường Bằng việc lựa chọn thực đề tài “Phần mềm giám sát hệ thống mơi trường”, em muốn tìm hiểu đưa giải pháp tốt nhằm giải quan trắc môi trường Thông qua việc thực xây dựng phần mềm web em học hỏi kiến thức hiểu quy trình để xây dựng phần mềm hồn chỉnh 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 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 web mơi trường chun nghiệp, em có dự định thực tập Vì vậy, em định chọn TungTung - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Phan Thanh Tùng Lê Khắc Hậu Linh LỜI CẢM ƠN Lời cho phép em gửi lời cảm ơn chân thành lòng biết ơn sâu sắc đến quý tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – ĐHQG TPHCM quý Thầy Cô khoa Hệ thống thông tin, đặc biệt cô Trương Thu Thủy (Giảng viên hướng dẫn thực tập tốt nghiệp) truyền dạy kiến thức làm tảng để thực đề tài trực tiếp hướng dẫn, tận tình sửa chữa, đóng góp nhiều ý kiến, kinh nghiệm quý báu cho em hoàn thành tốt báo cáo mơn học Bên cạnh đó, em xin chân thành cảm ơn công ty TungTung Ở TungTung em anh chị giúp đỡ tận tình, đặc biệt anh Phan Thanh Tung - người đặt viên gạch tảng lĩnh vực lập trình web cho em học tập rèn luyện Q trình thực tập cơng ty giúp em học hỏi nhiều kiến thức, từ kiến thức kiểm thử tác phong, cách hòa nhập với mơi trường làm việc chun nghiệp, tìm hiểu cơng nghệ mới, sử dụng cơng nghệ vào cơng việc nào, quy trình làm việc tạo sản phẩm sao… Trong suốt q trình hồn thiện báo cáo, em cịn nhiều thiếu sót nhiều chỗ mơ hồ, khó hiểu, em mong muốn nhận góp ý chân thành từ q thầy/cơ để em hồn thiện báo cáo cách trọn vẹn Lê Khắc Hậu Linh TP Hồ Chí Minh, tháng 12 năm 2020 Phan Thanh Tùng Lê Khắc Hậu Linh NHẬN XÉT CỦA KHOA Phan Thanh Tùng Lê Khắc Hậu Linh MỤC LỤC 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 TungTung 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 Nghiên cứu kỹ thuật Thực project Lịch làm việc 7 11 11 11 14 14 Chương 3: Chi tiết project Giới thiệu phần mềm Incidents Thực Kế hoạch 14 16 19 19 TÀI LIỆU THAM KHẢO TỔNG KẾT 20 21 Phan Thanh Tùng Lê Khắc Hậu Linh Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty TungTung Được thành lập năm 2014, chuyên hoạt động lĩnh vực tư vấn xử lý liệu, lập trình phần mềm hệ thống lĩnh vực quan trắc tự động nước thải, nước mặt, nước cấp, nước ngầm, hệ thống giám sát khí thải ống khói nhà máy, giảm thất nước, hệ thống SCADA/DCS phần mềm quản lý hạ tầng, cơng trình ngầm GIS 2D-3D Tư vấn cung cấp giải pháp cơng nghệ có tính ứng dụng cao (quan trắc môi trường phần mềm GIS) Cung cấp thiết bị vi tính, thiết bị ngoại vi, linh kiện điện tử, viễn thông Xử lý liệu cho đơn vị Phần mềm quản lý tài sản mạng lưới cấp nước, nước điện lực Phần mềm tính tốn thủy lực mạng lưới cấp nước Bentley WaterGEMS Cung cấp phần mềm ghi số Tư vấn giải pháp thiết bị giải pháp giảm thất thoát nước Sản phẩm công ty Phan Thanh Tùng Lê Khắc Hậu Linh 2.1 iLotusland Monitoring ● ilotusland monitoring phần mềm quan trắc môi trường trực tuyến theo thời gian thực cơng ty phát triển, có phiên dành cho web mobile Phan Thanh Tùng Lê Khắc Hậu Linh 2.2 Airlotus ● AirLotus ứng dụng theo dõi khơng khí Việt Nam, đưa thơng tin trung thực, nhanh xác môi trường đến người dân 2.3 Incidents Phan Thanh Tùng Lê Khắc Hậu Linh 10 ● Tạo tảng giao tiếp cố Incidents theo thời gian thực Giúp người dùng có liên quan tạo ticket cố, theo dõi, chia sẻ thông tin trạng thái cố Phan Thanh Tùng Lê Khắc Hậu Linh 11 Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Phần mềm giám sát hệ thống mơi trường” 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 web (front end, back end), đồ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 web chun 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 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 : Hiểu thêm công ty TungTung, q trình thành lập phát triển Có thêm kỹ việc sử dụng email, jira 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 2.2 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ố Jira quản lý dự án, kiểm soát theo dõi lỗi, vấn đề phát sinh, vscode chương trình soạn thảo văn hữu ích phổ biến với lập trình viên 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 nhau, so với việc dùng IDE Tìm hiểu ngôn ngữ javascript Thời gian : ngày (1 tuần) Nội dung : Được training kỹ thuật javascript, kiến thức quan trọng cho lập trình web - Scope - Closures Phan Thanh Tùng Lê Khắc Hậu Linh 12 - Object - Class Thực : - 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 ​: - 2.3 Nâng cao kỹ lập trình với ngơn ngữ javascript Có kiến thức quan trọng cho việc lập trình web sau 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 Lập trình web front end với Reactjs Nội dung: Các kiến thức Reactjs để làm web đơn giản - Khái niệm Reactjs Năm khái niệm Reactjs, thư viện UI phát triển Facebook để hỗ trợ việc xây dựng thành phần (components) UI có tính tương tác cao, có trạng thái sử dụng lại - Hoạt động Virtual DOM Trong React, tạo thay đổi, diễn việc Đầu tiên, React chạy thuật toán so sánh khác biệt để phát thay đổi Bước thứ điều hòa cách cập nhật DOM với kết thuật toán bước - JSX Syntax chuyển từ Javascript XML JSX cho phép bạn viết Javascript theo phong cách HTML - Components Nếu trang HTML cấu tạo từ thẻ React cấu tạo từ Component - Props Là thuộc tính mà ta truyền vào cho Component - State thuộc tính bên State sử dụng bên Component bên ngồi Component khơng thể truy xuất đến State Phan Thanh Tùng Lê Khắc Hậu Linh 13 - Lifecycle Thực : - Tham gia đầy đủ buổi training Làm tập thực hành viết component… Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : - Hiểu khái niệm lập trình front end với Reactjs Đã viết component Phan Thanh Tùng Lê Khắc Hậu Linh 14 Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thức javascript, Reactjs Trong tháng thứ hai, trailer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project Incidents, iLotusland Monitoring Chi tiết đồ án nói phần sau 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, 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 - Học cách sử dụng Jira - Tìm hiểu ngơn ngữ lập trình javascript - Thực hành javascript - Làm test javascript hiểu - Tìm Reactjs - Thực hành số tập - Viết component Giai đoạn Alpha: - Lên kế hoạch - Cấu trúc project - Viết base component - Setup Apollo Client Giai đoạn Alpha(tiếp): Anh Phan Thanh Tùng - Mức độ hoàn thành Nhận xét người hướng dẫn Anh Phan Thanh Tùng Anh Phan Thanh Tùng Anh Phan Thanh Tùng Anh Phan Thanh Tùng Anh Phan Thanh Tùng Phan Thanh Tùng Lê Khắc Hậu Linh 15 Viết query graphql Apollo - Query data vào component Giai đoạn Beta: - Viết chức nâng cao - Thêm style vào component để tạo UI đẹp Giai đoạn Beta giai đoạn kết thúc, báo cáo : - Fix bug, UI chưa design - Báo cáo cuối đợt thực tập - Anh Phan Thanh Tùng Anh Phan Thanh Tùng Phan Thanh Tùng Lê Khắc Hậu Linh 16 Chương 3: Chi tiết project Giới thiệu phần mềm Incidents Tạo tảng giao tiếp cố Incidents theo thời gian thực Giúp người dùng có liên quan tạo ticket cố, theo dõi, chia sẻ thông tin trạng thái cố Giảm rườm rà giao tiếp, tăng tính chủ động giao tiếp nhà cung cấp dịch vụ & nhà máy sử dụng dịch vụ Cho phép người dùng có liên quan cố nhận thông báo qua kênh SMS, Email, trực tiếp ứng dụng) Định hướng phát triển Incidents module mở rộng iLotusLand xoay quanh chủ thể trạm quan trắc kế thừa tổ chức, người dùng, phân quyền từ iLotusLand Để sử dụng Incidents bắt buộc phải sử dụng iLotusLand 1.1 Các tính ● Tạo ticket cố liên quan trạm quan trắc có hệ thống iLotusLand ● Quản lý ticket theo dạng danh sách có lọc để tìm kiếm nhanh cố ● Theo dõi, tracking giai đoạn cố ● Cập nhật postmortem sau cố ● Nhận cảnh báo, thông báo cố qua email ● Xem tổng quan tình trạng, tỉ lệ uptime, downtime trạm quan trắc khoảng thời gian tùy chỉnh (60 ngày theo yêu cầu từ khách hàng OGM) ● Có hệ thống phân quyền theo user, giới hạn quyền thực thi chức cho đối tượng user Phan Thanh Tùng Lê Khắc Hậu Linh 17 Phan Thanh Tùng Lê Khắc Hậu Linh 18 Phan Thanh Tùng Lê Khắc Hậu Linh 19 1.2 Các tính phát triển sau ● ● ● ● ● Assign nhân liên quan để phụ trách xử lý ticket Nhận thông báo qua SMS trực tiếp ứng dụng Một số loại báo cáo định kỳ theo yêu cầu khách hàng Đa dạng cá nhân hóa Dashboard theo nhu cầu giám sát khách hàng Xuất file thông tin cố theo mẫu yêu cầu Thực thành viên team THOR: - Lê Khắc Hậu Linh - Anh Trần Văn Trọng Và giúp đỡ tận tình team trainer TungTung Kế hoạch Giai đoạn Alpha: Hoàn thành chức năng: o Tạo ticket cố liên quan trạm quan trắc có hệ thống iLotusLand o Theo dõi, tracking giai đoạn cố Kết : Hầu hết tính thực - Giai đoạn Beta: Hoàn thành chức năng: o Cập nhật postmortem sau cố o Xem tổng quan tình trạng, tỉ lệ uptime, downtime trạm quan trắc khoảng thời gian tùy chỉnh (60 ngày theo yêu cầu từ khách hàng OGM) Kết : Đã hoàn thành tồn tính - Phan Thanh Tùng Lê Khắc Hậu Linh 20 TÀI LIỆU THAM KHẢO Reactjs: ​https://reactjs.org/ Apollo Client: ​https://www.apollographql.com/docs/react/ Keystonejs: ​https://www.keystonejs.com/ Phan Thanh Tùng Lê Khắc Hậu Linh 21 TỔNG KẾT Như vậy, vịng tháng ngắn ngủi, em kịp hồn thành web app Web app có đầy đủ tính đề ban đầu Do thời gian có hạn nên tính web app cịn đơn giản Nhưng web app phát triển theo framework có tính kế thừa 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ị nhóm trainer TungTung Cảm ơn giúp em hồn thành báo cáo Phan Thanh Tùng Lê Khắc Hậu Linh ... tử, viễn thông Xử lý liệu cho đơn vị Phần mềm quản lý tài sản mạng lưới cấp nước, nước điện lực Phần mềm tính tốn thủy lực mạng lưới cấp nước Bentley WaterGEMS Cung cấp phần mềm ghi số Tư vấn... tin trạng thái cố Phan Thanh Tùng Lê Khắc Hậu Linh 11 Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Phần mềm giám sát hệ thống mơi trường” nhằm mục đích giúp sinh viên thực tập đào tạo tồn... thúc, báo cáo : - Fix bug, UI chưa design - Báo cáo cuối đợt thực tập - Anh Phan Thanh Tùng Anh Phan Thanh Tùng Phan Thanh Tùng Lê Khắc Hậu Linh 16 Chương 3: Chi tiết project Giới thiệu phần mềm