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 LẬP TRÌNH WEB Công ty thực tập Freightek Người phụ trách Phan Công Minh Thực tập sinh Trần Anh Khoa TP Hồ Chí Minh, tháng[.]
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 Cơng ty thực tập : Freightek Người phụ trách : Phan Công Minh Thực tập sinh : Trần Anh Khoa TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Ngày nay, với phát triển kinh tế thương mại điện tử, nhu cầu ứng dụng, web ngày lớn, đặc biệt từ cơng ty nổi, cơng ty muốn có phần mềm quản lý có khả tùy chọn theo nhu cầu thân cơng ty Đáp ứng nhu cầu đó, cơng ty Freightek cung cấp ứng dụng, trang web quản lý theo nhu cầu khách hàng 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 game môi trường chuyên nghiệp, em có dự định thực tập học kỳ Vì vậy, em định chọn Freightek - công ty phần mềm cho doanh nghiệp logistics LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Freightek Việt Nam 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 lập trình web 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ũ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 NHẬN XÉT CỦA KHOA 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 Freightek: 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 : 2.1 Các công cụ làm việc 2.2 Tìm hiểu ngơn ngữ Typescript nâng cao 2.3 Tìm hiểu ngơn ngữ Vuejs 2.4 Tìm hiểu ứng dụng ClickUp 10 2.5 Tìm hiểu TailWindCSS 10 2.6 Tìm hiểu Nodejs 11 Thực project : 11 Lịch làm việc : 11 Chương 3: Chi tiết project 12 Giới thiệu ứng dụng 12 Thực 12 Kế hoạch 12 Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty Freightek: Freightek công ty chuyên Phần mềm tự động hố doanh nghiệp cho cơng ty LOGISTICS Giúp công ty LOGISTICS tối ưu hiệu suất công việc, nguồn lực, thời gian tăng doanh thu công ty cách tạo phần mềm giúp quản lý thứ theo yêu cầu khách hàng Các cơng ty thường chọn Freightek ngun nhân sau: + Đơn giản hóa tất hoạt động: Hệ thống lưu trữ sẵn quy chuẩn, thiết kế theo thói quen nhập số liệu khách hàng, giúp rút ngắn bước import export Đồng thời giúp tương tác khách hàng trực tiếp, đồng thời giúp cho người dung làm việc lúc nơi nhờ vào điện toán đám mây + Làm thứ nhanh công nghệ tự động: Bằng cách xác định nhu cầu khách hàng, cơng ty hỗ trợ tác vụ tự động như: Làm báo giá tự động, tạo đơn hàng tự động, giao hóa đơn tự động, báo cáo số liệu tự động… nhờ giúp người dùng giảm thiểu thời gian làm việc, nhằm giảm bớt gánh nặng cho người sử dụng + Giúp chu trình trở nên xác nhờ: Cưỡng chế sai sót điện tử, tự phân định hệ thống, lưu trữ toàn lịch sử nhập liệu, chuẩn hóa theo format quốc tế, ln u cầu xác nhận khâu Nhờ mà giúp cho hệ thống hiểu rõ yêu cầu khách hàng phịng tránh việc sai sót người dùng + Kiểm sốt đa diện tức thì: Hệ thống linh hoạt việc phân quyền, hỗ trợ thực giao dịch online, giúp nhìn thấy đường dịng tiền giao dịch Đồng thời hỗ trợ tự động báo cáo theo giây, giúp đo lường tức hiệu suất cơng việc nhân viên, nhờ giúp quản lý dễ dàng + Nền tảng bảo mật tuyệt đối: Sử dụng bảo mật đa tầng, khóa liệu phức hợp từ ngôn ngữ thiết kế, lưu trữ thông tin hạ tầng Amazon web service, đồng thời sử dụng mã hóa tối ưu AES 256-bit Sản phẩm công ty: - Trang web https://freightekvietnam.com/ Chương 2: Nội dung thực tậ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, 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 cịn 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 Freightek, q trình thành lập phát triển Có thêm kỹ thơng tin ngơn ngữ lập trình mà thân chuẩn bị sử dụng để làm việc Nghiên cứu kỹ thuật : 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 Các phần mềm ngơn ngữ số : Vue3, Typescript ClickUp, AG – Grid, TailWindCSS, Nuxt 3, Nodejs, Socket.io, Nodemailer, github Thực : Thực hành sử dụng tìm hiểu phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp kết hợp cơng cụ với nhau, biết cách code thích hợp làm việc nhóm 2.2 Tìm hiểu ngơn ngữ Typescript nâng cao - Thời gian : 45 ngày (3 tháng) Nội dung : Được training Typescript nâng cao, kiến thức quan trọng cho việc tối ưu web, đồng thời hiểu cách thiết kế code cho đồng với nhóm Thực : Tham gia đầy đủ buổi training công ty Thực code theo yêu cầu người hướng dẫn Kết : - 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 game 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.3 Tìm hiểu ngơn ngữ Vuejs - Nội dung : Hiểu rõ Vue3, khác biệt Vue3 Vue2 Thực : Tìm hiểu cách code Vue3 Thực cách thiết kế trang web vue Kết : - Nâng cao kỹ lập trình với ngơn ngữ Vuejs Có kiến thức quan trọng cho việc lập trình web sau 2.4 Tìm hiểu ứng dụng ClickUp - Nội dung : Tìm hiểu cách quản lý cơng việc nhóm ClickUp Thực : Tìm hiểu cách giao nhận công việc thông qua ClickUp Biết cách xây dựng chia sẻ công việc Kết : - Biết thêm ứng dụng quản lý công việc Hiểu cách xếp, đặt tên cho cơng việc 2.5 Tìm hiểu TailWindCSS - Nội dung : Tìm hiểu cách trình bày UI TailWindCSS Thực : Tìm hiểu cách thiết kế UI component Biết cách sử dụng thiết kế lại code dựa mẫu TailWindCSS Kết : - Biết trang web thiết kế UI cách thiết kế UI họ 10 - Hiểu cách ứng dụng mẫu vào project 2.6 Tìm hiểu Nodejs - Nội dung : Tìm hiểu cách Code backend nodejs Thực : Tìm hiểu cách thiết kế backend công ty Học cách sử dụng code backend theo hướng dẫn người hướng dẫn Học thêm cách ứng dụng công cụ khác backend như: socket.io, Nodemailer Kết : - Hiểu thêm cách ứng dụng công cụ khác backend nodejs Thực project : Sau tháng training thực hành, thực tập sinh nắm kiến thực Typescript , Vuejs, Nodejs Trong tháng thứ hai ba, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực hành code web 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 ClickUp - Tìm hiểu ngơn ngữ lập trình Typescript nâng cao Vue3 - Thực hành - Tìm hiểu Phan Công Minh, Nguyễn Ngọc Minh - Mức độ hoàn thành Nhận xét người hướng dẫn Phan Công Minh Phan Công Minh TailWindCSS - Thực hành code 11 dựa mẫu TailWindCSS 5-9 - Tìm hiểu Nodejs - Thực hành code tìm hiểu thêm cơng cụ khác backend - Thực hành code theo yêu cầu người hướng dẫn Phan Công Minh, Nguyễn Ngọc Minh Phan Công Minh, Nguyễn Ngọc Minh Chương 3: Chi tiết project Giới thiệu ứng dụng Ứng dụng Trucking ứng dụng dành cho Doanh nghiệp vận tải, cụ thể công ty kinh doanh vận chuyển bẳng xe tải, xe container sử dụng phần ứng dụng tối ưu chi phí kinh doanh, quản trị rủi ro, cảnh báo cho chuyến hàng Thực Thành viên team dev Freightek: - Nguyễn Ngọc Minh (trưởng nhóm) - Đức Tuấn - Đăng Khoa - Phạm Lập - Phan Công Minh - Đăng Khoa - Lâm Thu Đang Kế hoạch Giai đoạn Alpha: - Hồn thành hình: Đăng nhập, Đăng ký, Trang chủ, Trang cá nhân, đồ Hoàn thành chức như: Tạo tài khoản, đăng nhập, Giai đoạn Beta: 12 - Hoàn thành hình quản lý thơng tin như: Các chuyến xe, danh sách công ty, danh sách nguyên vật liệu chuyên chở 13 TÀI LIỆU THAM KHẢO CSS https://www.w3schools.com/csSref/css_selectors.php VueJs Composition API https://vuejs.org/api/composition-api-setup.html Design Patterns https://www.patterns.dev/posts/factory-pattern/ https://www.patterns.dev/posts/module-pattern/ Express https://expressjs.com/en/guide/routing.html Typescript https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html AG - Grid https://www.ag-grid.com TailWindCSS https://tailwindcss.com https://tailwindui.com/components#product-application-ui Heroicons https://heroicons.com Material Icons https://fonts.google.com/icons Nuxt https://v3.nuxtjs.org Lodash https://github.com/cipami/nuxt-lodash VueUse https://vueuse.org 14 Vee-validate https://vee-validate.logaretm.com/v4/guide/global-validators#available-rules Vuex + Pinia https://vuex.vuejs.org/guide/ https://github.com/vuejs/pinia Vue Notification https://vue-toastification.maronato.dev Nodemailer (Send Email) https://nodemailer.com/usage/ Redis on Windows https://github.com/microsoftarchive/redis/releases/tag/win-3.0.504 Postman https://www.postman.com/downloads/ 15 TỔNG KẾT Như vậy, ba tháng, em học nhiều cách lập trình thiết kế web mảng backend frontend, đồng thời biết nhiều phương thức ngôn ngữ mới, đồng thời hiểu rõ cách tối ưu thuật tốn cách làm việc nhóm cơng ty Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Freightek, giúp đỡ anh dev công ty giúp em mở mang nhiều kiến thức lập trình Cám ơn anh Phan Công Minh hỗ trợ em nhiều công việc 16 ... nodejs Thực project : Sau tháng training thực hành, thực tập sinh nắm kiến thực Typescript , Vuejs, Nodejs Trong tháng thứ hai ba, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực. .. khác biệt Vue3 Vue2 Thực : Tìm hiểu cách code Vue3 Thực cách thiết kế trang web vue Kết : - Nâng cao kỹ lập trình với ngơn ngữ Vuejs Có kiến thức quan trọng cho việc lập trình web sau 2.4 Tìm... với nhóm Thực : Tham gia đầy đủ buổi training công ty Thực code theo yêu cầu người hướng dẫn Kết : - 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 game