Báo cáo thực tập hệ thống quản lý tài sản

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠ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 ĐỀ TÀI: Hệ thống quản lý tài sản Công ty thực tập: NashTech Part of Harvey Nash Group Người phụ trách hướng dẫn: Lê Hằng Toàn Thực tập sinh: Đỗ Ngọc Cường MSSV: 18520542 Đỗ Ngọc Cường Báo cáo thực tập TP Hồ Chí Minh, ngày 18 tháng 12 năm 2021 Đỗ Ngọc Cường Báo cáo thực tập NHẬN XÉT (Của giảng viên) Đỗ Ngọc Cường Báo cáo thực tập MỤC LỤC LỜI NÓI ĐẦU LỜI CẢM ƠN DANH MỤC CÁC CỤM TỪ VIẾT TẮT CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP I Giới thiệu chung công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP I Cơng nghệ, giải pháp quy trình áp dụng II Giới thiệu Git Giới thiệu mơ hình làm việc Agile – Scrum 12 Tìm hiểu RESTful API 18 Tìm hiểu ReactJS 19 Vòng đời ReactJS 20 Tìm hiểu NET .23 Dự án Website quản lý tài sản 25 Bối cảnh đời web 25 Các chức Web 25 Nhiệm vụ sinh viên giao 29 CHƯƠNG 3: NHẬT KÝ THỰC TẬP 30 CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP 32 I Kết thu 32 II Các điểm yếu thân 32 III Cảm nhận công ty 32 DANH MỤC TÀI LIỆU THAM KHẢO 34 Đỗ Ngọc Cường Báo cáo thực tập LỜI NĨI ĐẦU Ngày nay, ngành cơng nghiệp phát triển ứng dụng công nghệ 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ẽ, phát triển web nhân tố kích thích phát triển cơng nghệ thơng tin giới, vần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển web non trẻ Việt Nam phát triển mạnh mẽ, để hịa nhập với cơng ty hàng đầu xây dựng web giới Bên cạch phát triển web ngành nghề tiếp cận người dung cách nhanh chóng ta thấy trang web mạng xã hội, hay web bán hàng trực tuyến thình hành giới lẫn Việt Nam Sau ba năm học tập trường, mong muốn có them kinh nghiệm thực tế, muốn tham gia làm web môi trường chuyên nghiệp, em có dự định thực tập sau hè Vì vậy, em định chọn Cơng ty Trách Nhiệm Hữu Hạn NashTech – môi trường lý tưởng, đại, chuyên nghiệp – nơi giúp em thực dự định Đỗ Ngọc Cường Báo cáo thực tập LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công Ty Trách Nhiệm Hữu Hạn NashTech tạo điều kiện cho em có hội thực tập môi trường chuyên nghiệp công ty Trong vịng ba tháng, em hồn thành trang web thương mai điện tử gồm chức đáp ứng nhu cầu người dùng nay, tham gia mơ hình scrum để phát triển trang web quản lý tài sản cho người dùng Các kiến thức code, git kiến trúc phần mềm NET, với khóa học kỹ mềm vơ hữu ích cơng ty Hiểu vị trí fullstack developer thời kỳ cơng nghệ đại Chân thành cảm ơn lịng nhiệt tình giúp đỡ anh chị Leader, Mentor trưởng HR dìu dắt hỗ trợ, hướng dẫn từ ngày đầu em vào cơng ty Vì kiến thức hạn chế lần tiếp xúc với kiến thức thực tế, áp dụng lý thuyết vào cơng việc nên than cịn bỡ ngỡ lúng túng, khơng tránh khỏi thiếu sót, mong q Thầy (Cơ) đóng góp ý kiến để em hồn thiện Cuối em xin cảm ơn thầy cô khoa Công Nghệ Phần Mềm hỗ trợ, tạo điều kiện cho em hoàn thành báo cáo Đỗ Ngọc Cường TP Hồ Chí Minh, ngày 18 tháng 12 năm 2021 Đỗ Ngọc Cường Báo cáo thực tập DANH MỤC CÁC CỤM TỪ VIẾT TẮT CD : Client Development API : Application Programming Interface Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP I Giới thiệu chung công ty - Tên đơn vị: Công ty TNHH NashTech - Lĩnh vực hoạt động: Outsource nhiều lĩnh vực - Địa chỉ: ● Trụ sở chính: 110 Bishopgate, London, United Kingdom EC2N 4AY ● Chi nhánh thực tập: 364 Cộng Hịa, Phường Tân Bình, Thành Phố Hồ Chí Minh, Việt Nam - Trang web: nashtechglobal.com - Email: info@nashtechglobal.com - Điện thoại: +84 28 3810 6200 - Thời gian làm việc: Thứ đến thứ 6: 08h30 - 17h30 - Slogan: “Delivering technology excellence” Đỗ Ngọc Cường Báo cáo thực tập - Sứ mệnh: Đưa sản phẩm cho khách hàng hoàn thiện - Nashtech cơng ty tập đồn Harvey Nash, tập đoàn dẫn đầu cung cấp nhân lực giải pháp công nghệ Là chuyên gia công nghệ, đưa giải pháp thông minh giải toán thực tế để tạo nên giá trị NashTech Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 2: NỘI DUNG THỰC TẬP I Cơng nghệ, giải pháp quy trình áp dụng Giới thiệu Git Hình 2.1: Mơ hình cơng cụ Git Git tên gọi Hệ thống quản lý phiên phân tán (Distributed Version Control System – DVCS) hệ thống quản lý phiên phân tán phổ biến DVCS nghĩa hệ thống giúp máy tính lưu trữ nhiều phiên khác mã nguồn nhân (clone) từ kho chứa mã nguồn (repository), thay đổi vào mã nguồn máy tính ủy thác (commit) đưa lên máy chủ nơi đặt kho chứa Và máy tính khác (nếu họ có quyền truy cập) clone lại mã nguồn từ kho chứa clone lại tập hợp thay đổi máy tính Trong Git, thư mục làm việc máy tính gọi Working Tree Đỗ Ngọc Cường Báo cáo thực tập Vịng đời ReactJS Hình 2.12: Vịng đời ReactJS Một vịng đời có trạng thái sau: ● Initialization - Tương tự hàm khởi tạo (constructor) gọi đến thể component tạo ● Mounting Là hàm gắn kết, kết nối component với - componentWillMount() ▪ Được gọi đến trước hiển thị component ngồi trình duyệt Q trình diễn nhanh chóng, không nên làm nhiều điều hàm thực lần (từ phiên 16.3 hàm khơng khuyến khích dùng bị loại bỏ 17) - Render() 20 Đỗ Ngọc Cường Báo cáo thực tập ▪ Được gọi hiển thị component ngồi trình duyệt ▪ Sẽ return nội dung mà bạn viết, component null false (trong trường hợp khơng muốn render cả) - componentDidMount() ▪ Được gọi sau hiển thị component ngồi trình duyệt, hàm thực lần ▪ Hàm gọi để thông báo component tồn DOM, từ thao tác DOM thực bình thường với component Đầu tiên component gọi hàm hàm constructor() gọi, sau đến componentWillMount(), reder() cuối hàm componentDidMount gọi render() xong ● Updation Là vấn đề update component props, state - componentWillReceiveProps(nextProps) ▪ Hàm chạy mà props component sinh có thay đổi ▪ - Phải gọi setState() muốn render lại shouldComponentUpdate(nextProps, nextState) ▪ Được thực sau state props thay đổi ▪ trả kết true or false Phương thức xác định component có update hay khơng Mặc định giá trị true Nếu bạn không muốn 21 Đỗ Ngọc Cường Báo cáo thực tập component render lại sau update state hay props return giá trị thành false - componentWillUpdate(nextProps, nextState) ▪ Được gọi update state component trước render lại ▪ Bạn khơng thể gọi this.setState componentWillUpdate ▪ Hàm render gọi sau hàm ▪ (từ phiên 16.3 hàm khơng khuyến khích dùng bị loại bỏ 17) - componentDidUpdate(prevProps, prevState) ▪ Được gọi component instance update, componentDidUpdate gọi sau render HTML loading xong ● Unmounting - componentWillUnmount() ▪ Được gọi trước component bị remove khỏi DOM 22 Đỗ Ngọc Cường Báo cáo thực tập Tìm hiểu NET Net Framework khuôn khổ phần mềm chạy chủ yếu Microsoft Windows phát triển Microsoft Nó có khả tương tác ngơn ngữ qua nhiều ngơn ngữ lập trình bao gồm thư viện lớp lớn có tên Framework Class Library – viết tắt FCL .Net Framework thực thi chương trình mơi trường phần mềm có tên Common Language Runtime – viết tắt CLR Đây máy ảo ứng dụng cung cấp dịch vụ như: quản lý nhớ, bảo mật xử lý ngoại lệ Như vậy, NET Framework tạo từ môi trường FCL CLR FCL cung cấp giao diện cho người dùng, kết nối sở liệu, truy cập liệu, mật mã, truyền thơng tin mạng, thuật tốn số phát triển ứng dụng web thiết kế web Các lập trình viên tạo phần mềm kết hợp thư viện mã nguồn net Ngoài ra, Microsoft tạo môi trường phát triển tích hợp net Visual Studio .Net Framework tạo nhằm hoàn thành mục tiêu sau: • Nhằm cung cấp cho người dùng ngơn ngữ lập trình hướng đối tượng, tương thích hầu hết với mã lưu trữ thực đối tượng 23 Đỗ Ngọc Cường Báo cáo thực tập • Nhằm giảm thiểu việc triển khai phần mềm xung đột, thúc đẩy việc thực mã an toàn, loại bỏ vấn đề hiệu suất môi trường kịch diễn giải cách cung cấp mơi trường thực thi mã • Nhằm làm cho trải nghiệm nhà phát triển quán nhiều ứng dụng như: ứng dụng dựa web, ứng dụng dựa Windows • NET Framework có khả tích hợp với mã khác nên xây dựng tất thơng tin liên lạc tiêu chuẩn ngành công nghiệp .NET Framework bao gồm: thư viện lớp thời gian chạy ngơn ngữ phổ biến Thời gian chạy phổ biến tảng NET Framework, cung cấp dịch vụ cốt lõi như: quản lý luồng remoting, quản lý nhớ, thúc đẩy tính mạnh mẽ tính bảo mật Nguyên tắc thời gian chạy khái niệm quản lý mã Mã quản lý nhắm vào mục tiêu thời gian chạy, mã không quản lý không nhắm vào mục tiêu thời gian chạy .NET Framework bắt đầu thời gian chạy mã quản lý có khả lưu trữ mã không quản lý nhằm tạo một trường phần mềm có tính quản lý không quản lý .NET Framework chức ngăn cung cấp thời gian chạy cho máy chủ hỗ trợ phát triển thời gian chạy Thư viện lớp NET Framework tập hợp tất loại tái sử dụng tích hợp cách chặt chẽ với thời gian chạy thơng dụng Đây cơng cụ hướng đối tượng cung cấp loại tính mà từ mã quản lý thực Điều không làm cho NET Framework dễ dàng sử dụng mà làm giảm thời gian kết hợp tính Từ thư viện hướng đối tượng NET Framework cho phép bạn hoàn thành tác vụ như: Thu thập liệu, quản lý chuỗi, kết hợp sở liệu truy cập tệp Web app mảng NET thực nhiều mảng mà ngơn ngữ khác khó làm hồn hảo bảo mật net 24 Đỗ Ngọc Cường Báo cáo thực tập II Dự án Website quản lý tài sản Bối cảnh đời web Trong công ty tổ chức lớn có vật phẩm thiết bị điện tử ( điện thoại, máy tính, đồng hồ, …) với số lượng lớn cần phải đưa cho nhiều người Vì cần phải có ứng dụng để người dùng yêu cầu mượn trả vật phẩm Web app cơng ty đưa mục đích để đáp ứng nhu cầu vay mượn trả sản phẩm liên quan tổ chức kiểm sốt hành vi liên tục nhanh chóng khơng phải qua bên trung gian thứ Ở Nash tech với số lượng vật phẩm máy tính, điện thoại cung cấp cho nhân viên việc cần có ứng dụng để quản lý sản phẩm việc cần thiết nên công ty đưa ứng dụng quản lý tài sản cho sinh viên thực tập có hội thử sức Các chức Web Chức thêm tài sản quản lý: Admin (người giao quản lý web) them tài sản công ty vào web cách thủ công 25 Đỗ Ngọc Cường Báo cáo thực tập Chức tạo người dùng: Admin them người dùng vào trang để quản lý người dùng nhận sản phẩm giao 26 Đỗ Ngọc Cường Báo cáo thực tập Chức cho mượn tài sản: Người Admin giao tài sản cho người nhân viên khác sử dụng 27 Đỗ Ngọc Cường Báo cáo thực tập Chức yêu cầu hoàn trả tài sản: Người admin yêu cầu người mượn tài sản hoàn trả sản phẩm 28 Đỗ Ngọc Cường Báo cáo thực tập Nhiệm vụ sinh viên giao Sinh viên tham gia vào team Scrum để hồn thành cơng việc theo sprint tham gia hoạt đông sprint để phát triển phần mềm cách theo thời gian theo yêu cầu khách hàng nhanh Sinh viên phải tuân thủ theo quy tắc làm việc SOLID, MVC pattern thủ thuật lập trình DI kèm vào phần mềm hỗ trợ AZURE, Git, NET framework, … khả tư lập trình cải thiện hồn thiện sau sprint 29 Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 3: NHẬT KÝ THỰC TẬP 30 Đỗ Ngọc Cường Báo cáo thực tập 31 Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP Kết thu I - Trải nghiệm quy trình làm việc từ đầu đến cuối dự án thực tế theo mơ hình làm việc SCRUM - Xây dựng thành công Web thực tế - Trau dồi nhiều kiến thức Web App mơ hình MVC - Thao tác lập trình, tư duy, ý tưởng xử lý luồng liệu tầng tăng hiệu - Hiểu nguyên tắc xây dựng phần mềm từ ý tưởng đến việc phân tích đưa ý tưởng thành thực - Nâng cao kỹ lập trình JavaScript NET framework khác - Nâng cao kỹ làm việc nhóm, "teamwork" khơng hồn thành cơng việc mà cịn phải để tâm đến đồng đội mình, nhìn nhận quan điểm chung, mục tiêu chung để hồn thành dự án cách tối ưu - Kỹ giao tiếp, tư phản biện, giải vấn đề nâng cao - Được tham gia vào lớp kỹ mềm phù hợp cho làm việc sau Các điểm yếu thân II - Giao tiếp với đồng đội cịn ít, có trao đổi với team chướng ngại vật mà team ngặp phải III Cảm nhận công ty - NashTech công ty outsource công nghệ tốt Việt Nam 32 Đỗ Ngọc Cường Báo cáo thực tập - Có nơi nghỉ ngơi, có quán - Thiết bị máy móc đầy đủ - Đội ngũ phụ trách hướng dẫn giảng dạy thực tập đa dạng, vô tận tâm nhiệt tình, trình độ chun mơn cao, hịa đồng, vui vẻ 33 Đỗ Ngọc Cường Báo cáo thực tập DANH MỤC TÀI LIỆU THAM KHẢO [1] https://azure.microsoft.com/en-us/services/cloud-services/#overview [2] https://reactjs.org/ [3] https://www.microsoft.com/en-us/sql-server/sql-server-downloads [4] https://dotnet.microsoft.com/en-us/ [5] https://stackoverflow.com/ 34 ... để quản lý sản phẩm việc cần thiết nên công ty đưa ứng dụng quản lý tài sản cho sinh viên thực tập có hội thử sức Các chức Web Chức thêm tài sản quản lý: Admin (người giao quản lý web) them tài. .. sprint 29 Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 3: NHẬT KÝ THỰC TẬP 30 Đỗ Ngọc Cường Báo cáo thực tập 31 Đỗ Ngọc Cường Báo cáo thực tập CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP Kết thu I - Trải... thực tập Chức cho mượn tài sản: Người Admin giao tài sản cho người nhân viên khác sử dụng 27 Đỗ Ngọc Cường Báo cáo thực tập Chức yêu cầu hoàn trả tài sản: Người admin u cầu người mượn tài sản