Báo cáo thực tập frontend developer

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 Frontend Developer Công ty thực tập: Người phụ trách: Thực tập sinh: Công ty TNHH Quang Hải Nguyễn Quang Vũ Phạm Quang Việt TP Hồ Chí Minh, tháng năm 2023 LỜI MỞ ĐẦU Trước tiên, em xin gửi lời cảm ơn đến quý thầy, cô Trường Đại học Công nghệ Thông tin – Đại học Quốc gia Thành phố Hồ Chí Minh tạo điều kiện tốt cho sinh viên chúng em tiếp cận môi trường làm việc doanh nghiệp thông qua học phần Thực tập doanh nghiệp, giúp chúng em có chuẩn bị tốt trước thức tìm công việc làm sau tốt nghiệp Em xin chân thành cảm ơn quý thầy, cô khoa Công nghệ phần mềm quan tâm hỗ trợ trình tìm vị trí thực tập phù hợp với nguyện vọng mong muốn em Kế đến trân trọng em dành cho Công ty TNHH Quang Hải cho em hội thực tập công ty, nỗ lực đào tạo kỹ kiến thức cho em để phù hợp với môi trường làm việc chuyên nghiệp Và lời cảm ơn tới anh chị bạn công ty giúp đỡ hỗ trợ để giúp em đạt kết tốt công việc Cuối cùng, em xin cảm ơn thầy Nguyễn Tấn Toàn trực tiếp hỗ trợ giúp đỡ em trình thực tập cung cấp thông tin cần thiết kinh nghiệm quý giá cô cho em Trân trọng NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA .4 MỤC LỤC CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP .6 1.1 Giới thiệu […] .6 1.2 Sản phẩm công ty 1.3 Lịch làm việc thực tập công ty CHƯƠNG 2: 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.2.1 Tuần .7 2.2.2 Tuần .7 2.3 Thực dự án cá nhân .7 [Mơ tả q trình thực hiện, kết quả] 2.3.1 Công nghệ 2.3.2 Mô tả dự án 2.3.3 Kết 2.4 Tham gia dự án thực tế CHƯƠNG 3: TỔNG KẾT .8 3.1 Điểm mạnh 3.2 Điểm yếu .8 3.3 Chuẩn đạt .8 TÀI LIỆU THAM KHẢO CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 1.1 Giới thiệu Cơng ty TNHH Quang Hải  Công ty TNHH Quang Hải, thành lập từ năm 2018, chuyên phát triển giải pháp phần mềm, cung cấp giải pháp chuyển đổi số cho doanh nghiệp đa lĩnh vực  Với nhiều dự án lớn phức tạp triển khai thành cơng, Cơng ty TNHH Quang Hải tích lũy nhiều kinh nghiệm quý báu việc phát triển giải pháp phần mềm đa lĩnh vực địa bàn TP Hồ Chí Minh Lĩnh vực kinh doanh:    Phát triển đấu thầu phần mềm: Lập trình, vận hành vả bảo trì hệ thống nghiệp vụ, lập trình Winform Application, lập trình Web Application Tích hợp hệ thống thơng tin: Cung cấp thiết bị máy tính máy in Lắp đặt hệ thống mạng máy tính, điện thoại, camera giám sát 1.2 Sản phẩm công ty Tên Project Hệ thống coi thi trực tiếp Sơ lược Project Hệ thống quản lý coi thi cho sinh viên thi trực tiếp phịng máy có tính quản lý thi, quản lý sinh viên, quản lý lượt thi, thống kê điểm thi Ngơn ngữ lập trình + Tool + OS Kỳ hạn Ngơn ngữ lập trình: C# DB Server: MS SQL Công nghệ: Winform tháng Hệ thống coi thi online Hệ thống quản lý coi thi sinh viên thi trực tiếp phịng máy có tính quản lý thi, quản lý sinh viên, quản lý lượt thi, thống kê điểm thi Ngơn ngữ lập trình: HTML CSS Javascript DB Server: MongoDB Công nghệ: Reactjs Bootstrap 4, Loopback4 Hệ thống quản lý sinh viên ký túc xá Trung tâm Hệ thống quản lý Quốc phịng gồm tính sinh viên quét mã thuê quân trang, điểm danh học,… Ngơn ngữ lập trình: Typescript DB server: Mongo DB Công nghệ: React Native Hệ thống quản lý lương, thuế, thu nhập cán Hệ thống quản lý Khoa Y gồm tính lương, thuế, thu quản lý hệ số nhập lương, quản lý lịch sử làm việc, quản lý nghỉ phép… Ngơn ngữ lập trình:C# DB server: MS SQL Công nghệ: Winform My Taxi Phần mềm My taxi hỗ trợ đặt xe tháng Ngôn ngữ lập trình: Typscript Cơng nghệ: React Native 1.3 Lịch làm việc thực tập công ty  Em tham gia làm việc công ty ngày 27/02 tới 17/06, ngày làm việc tuần từ thứ đến thứ Công việc ngày lúc 8h30 đến 16h00 Thời gian nghỉ trưa khoảng 1.5 tiếng Hằng ngày em làm việc với bạn team anh leader, thời gian chủ yếu ngày làm việc em nghiên cứu làm task giao tuần Mỗi thứ cuối tuần viết báo cáo tiến độ hoàn thành tasks trao đổi thêm với bạn thực tập sinh khác CHƯƠNG 2: NỘI DUNG THỰC TẬP 2.1 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, nghe người phụ trách giới thiệu công ty, trình thành lập phát triển, quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty, phịng ban IT, HR, … Ngồi ra, thực tập sinh cịn giới thiệu văn hóa làm việc công ty thời gian làm, quy định, cách sử dụng email công việc, … Kết quả: hiểu thêm văn hóa 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 Tuần Nội dung: Tìm hiểu cơng cụ làm việc Kết quả: Cài đặt làm quen phần mềm Postman, Visual Studio Code, GitLab 2.2.2 Tuần Nội dung: Tìm hiểu frontend backend, chế client – server web application Kết quả: Hiểu chế client-server hệ thống 2.2.4 Tuần 3,4 Nội dung: Tìm hiểu html, css, javascript Kết quả: Hiểu thành phần website, làm quen với html, css, javascript, json 2.2.6 Tuần 5,6,7 Nội dung: React concept(component, props, routing, hooks (useState, useEffect, UseRef, UseContext) Kết quả: Hiểu concept React, tạo export component, quản lý State routing 2.2.3 Tuần 8,9 Nội dung: Tìm hiểu framework frontend Ionic Kết quả: Tạo ứng dụng mẫu helloworld Ionic Framework, build codebase từ javascript sang mobile application (java) 2.2.5 Tuần 10 Nội dung: Tìm hiểu http request/ response, HTTP methods(get,post,put,delete) Kết quả: Hiểu thành phần http request/response, HTTP methods 2.2.5 Tuần 11,12 Nội dung: Làm việc với API, truy xuất data từ HTTP response Axios Kết quả: Sử dụng Axios để gửi yêu cầu request đến server xử lý phản hồi từ Api response 2.3 Thực dự án cá nhân 2.3.1 Công nghệ     Frontend: Ionic framework Backend: loopback framwork DB server: Mongo DB Programming language: Typescript 2.3.2 Mơ tả dự án   Tìm hiểu thư viện Ionic, xây dựng Manage Employee page, xây dựng Manage Deparment page Tạo project CRUD Ionic Framework o Xem xóa sửa thơng tin Nhân viên o Xem xóa sửa thơng tin Phịng/Khoa 2.3.3 Kết Figure Màn hình quản lý nhân viên 2.4 Tham gia dự án thực tế Mơ tả q trình thực hiện, kết quả, thuận lợi, khó khăn  Hệ thống quản lý lương, thuế, thu nhập cho Cán o Tổng quan:  Cho phép người dùng đăng nhập  Load liệu  Cho phép import liệu từ file excel  Quản lý thông tin cán  Thông tin cá nhân  Lịch sử làm việc  Bằng cấp  Hệ số lương  Quản lý ngày nghỉ phép, bảo hiểm tổ chức o Nhiệm vụ giao  Xây dựng hình import data từ file excel  Gửi file qua API, load liệu nhận từ API  Hiển thị liệu lên hình  Người dùng checklist cán muốn thêm  Gửi API submit  Xây dựng hình quản lý tất cán bộ/nhân viên  Gửi request tất bộ, load liệu nhận từ API lên hình  Có thể xem thơng tin cá nhân / thơng tin chứng / chỉnh sửa / xóa nhân viên  Xây dựng hình quản lý phòng ban tổ chức  Gửi request tất phòng/ ban , load liệu nhận từ API lên hình  Có thể xem nhân viên phịng ban / chỉnh sửa / xóa phịng ban  Xây dựng hình quản lý cấp cán  Hiển thị form nhập thông tin cấp gửi API cho server 10 11 Figure Cách tổ chức structure project Figure Cách tổ chức Component 12 Figure Màn hình Import nhân viên Figure Màn hình quản lý nhân viên 13 Figure Màn hình quản lý phịng ban Figure Màn hình thêm Chứng / cấp Figure Màn hình chỉnh sửa nhân viên 14 CHƯƠNG 3: TỔNG KẾT Quãng thời gian thực tập Công ty TNHH Quang Hải giúp em cải thiện thân nhiều quy trình làm việc thực tế, tác phong người kỹ sư phần mềm Được làm việc đây, em học thêm kỹ mềm sử dụng mail, quản lý ticket, làm việc nhóm, giao tiếp với cấp trên, … Chỉ thời gian hạn chế, em hoàn thành dự án cá nhân q trình training với tính năng, u cầu đặt ban đầu Khi tham gia vào dự án thực tế, em hoàn thành tốt tác vụ hạn đạt chất lượng tốt 3.1 Điểm mạnh  Khả giao tiếp tốt giúp việc làm việc bạn thực tập sinh khác hiệu quả, trình trao đổi thơng tin đẩy nhanh, suất làm việc nhóm tốt  Khả nghiên cứu, tìm hiểu nguồn tham khảo intenet tốt, tận dụng trí tuệ nhân tạo cơng việc tốt, rút ngắn thời gian tăng suất làm việc 3.2 Điểm yếu   Phương pháp lập trình chưa sẽ(clean), sau lần review phải sửa chuẩn viết code Các phương pháp thiết kế giao diện nhiều hạn chế, chưa học kỹ phương pháp đặt/ xếp component hình 3.3 Chuẩn đạt  Thao tác lập trình, tư duy, ý tưởng xử lý luồng liệu hiệu  Củng cố kiến thức, nâng cao kỹ lập trình Web Front-end sử dụng Ionic  Nâng cao khả research, thuyết trình, trình bày slide  Biết nhìn nhận đánh giá thân thơng qua buổi họp Nhìn nhận rút kinh nghiệm để cải thiện công việc, rút ngắn thời gian làm việc  Cải thiện kỹ làm việc nhóm  Học kỹ khác như: kỹ giao tiếp, kỹ viết email, 15 TÀI LIỆU THAM KHẢO W3School What is Client-Server Architecture [Online] Available: https://www.w3schools.in/what-is-client-server-architecture W3School HTTP Methods [Online] Available: https://www.w3schools.com/tags/ref_httpmethods.asp Dayana Jabif (2018) Ionic Tutorial: Building a complete mobile app with Ionic Framework [Online] Available: https://medium.com/learn-ionic-framework/build-acomplete-mobile-app-with-ionic-3-b69a8bfb0d88 AltexSoft Inc (2019) The Good and the Bad of Ionic Mobile Development [Online] Available: https://altexsoft.medium.com/the-good-and-the-bad-of-ionic-mobile-development865d297eec39 Ionic Framework (2019) Android Development [Online] Available: https://ionicframework.com/docs/developing/android Ionic Framework (2019) UI Components [Online] Available: https://ionicframework.com/docs/components 16