Báo Cáo Thực Tập [Frontend Developer].Pdf

Với sự phát triển của công nghệ IoT, mạng lưới blockchain và các quy trình tự động hóa thì lĩnh vực quản lý chuỗi cung ứng càng nhận được nhiều sự quan tâm.. Sau những năm tháng trong mô

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: Công ty TNHH IGO Người phụ trách: Nguyễn Mạnh Kha Thực tập sinh: Nguyễn Minh Tân

TP Hồ Chí Minh, tháng 01 năm 2024

LỜI MỞ ĐẦU

Trong cuộc cách mạng công nghiệp 4.0, Công nghệ thông tin nói chung và ngành Công nghệ phần mềm nói riêng luôn là nhân tố đóng vai trò quan trọng trong quá trình phát triển của xã hội

Một trong những lĩnh vực nổi bật của ngành Công nghệ thông tin là Quản lý chuỗi cung ứng Với sự phát triển của công nghệ IoT, mạng lưới blockchain và các quy trình tự động hóa thì lĩnh vực quản lý chuỗi cung ứng càng nhận được nhiều sự quan tâm

Agritrust là một lời giải cho bài toán quản lý chuỗi cung ứng và truy xuất nguồn gốc nông sản Agritrust thu thập dữ liệu toàn diện trong suốt vòng đời sản phẩm nông nghiệp, từ trồng trọt, phân phối, người tiêu dùng Tất cả dữ liệu sẽ được chia sẻ, chứng thực trên một nền tảng blockchain và có thể được truy xuất một cách minh bạch bởi các bên liên quan

Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiến thức đã học và có được trải nghiệm trong môi trường thực tế, em đã quyết định tham gia vào chương trình thực tập với vị trí Frontend Developer tại công ty IGO - một môi trường lý tưởng và chuyên nghiệp để thực hiện dự định

LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn anh Nguyễn Mạnh Kha đã tạo điều kiện cho em cơ hội được thực tập tại công ty Dù trong thời gian ngắn nhưng nhờ sự chỉ dẫn nhiệt tình của anh, em đã tiếp thu những kiến thức quan trọng để có thể tham gia một dự án thực tế

Chân thành cảm ơn anh Tâm, anh Vinh và các anh chị trong công ty IGO đã bỏ ra nhiều thời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình trong khi làm quen môi trường

và văn hóa công ty cũng như trong việc tiếp cận kiến thức công nghệ, kỹ năng lập trình và tư duy sản phẩm để có thể thực hiện tốt dự án cá nhân và dự án thực tế trong thời gian qua

Em cũng xin cảm ơn thầy cô trong 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 này

TP HCM, ngày 03 tháng 01 năm 2024

Nguyễn Minh Tân

NHẬN XÉT CỦA KHOA

MỤC LỤC

LỜI MỞ ĐẦU 2

LỜI CẢM ƠN 3

NHẬN XÉT CỦA KHOA 4

MỤC LỤC 5

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 6

1.1 Giới thiệu về IGO 6

1.2 Sản phẩm công ty 6

1.3 Lịch làm việc khi thực tập tại công ty 7

CHƯƠNG 2: NỘI DUNG THỰC TẬP 8

2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 8

2.2 Nghiên cứu kỹ thuật 8

2.2.1 Tuần 1 8

2.2.2 Tuần 2 8

2.3 Thực hiện dự án cá nhân 9

2.3.1 Công nghệ 9

2.3.2 Mô tả dự án 9

2.3.3 Kết quả 9

2.4 Tham gia dự án thực tế 12

CHƯƠNG 3: TỔNG KẾT 15

3.1 Điểm mạnh 15

3.2 Điểm yếu 15

3.3 Chuẩn đạt được 15

TÀI LIỆU THAM KHẢO 16

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP

1.1 Giới thiệu về IGO

Hình 1.1 Logo IGO

Công ty Công ty TNHH Integral Global Opportunities hay được biết đến với tên IGO là một công ty được thành lập từ năm 2018 hoạt động trên nhiều lĩnh vực như thương mại,

marketing, công nghệ,…

Địa chỉ: 280E04 Lương Định Của, Phường An Phú, Thành phố Thủ Đức, Thành phố Hồ Chí Minh

1.2 Sản phẩm công ty

Hình 1.2 Logo Agritrust

Agritrust là một hệ thống quản lý chuỗi cung ứng trong lĩnh vực nông nghiệp, hỗ trợ truy xuất nguồn gốc nông sản một cách nhanh chóng và minh bạch Agritrust thu thập dữ liệu toàn diện trong suốt vòng đời sản phẩm nông nghiệp, từ trồng trọt, phân phối, người tiêu dùng Tất

cả dữ liệu sẽ được chia sẻ, chứng thực trên một nền tảng blockchain và có thể được truy xuất một cách minh bạch bởi các bên liên quan

1.3 Lịch làm việc khi thực tập tại công ty

Vị trí thực tập: Frontend Developer Intern

Thời gian thực tập: Kéo dài 3 tháng, bắt đầu từ ngày 04/09/2023 đến ngày 04/12/2023

Thời gian làm việc: Từ thứ 2 đến thứ 6 (08:30 – 17:30)

Mỗi tuần sẽ nộp báo cáo vào chiều thứ 6 để báo cáo tiến độ và mọi người sẽ cùng họp và bàn bạc về các vấn đề đã giải quyết, tồn đọng, bài học, giải pháp và mục tiêu cho tuần tiếp theo Địa điểm làm việc: 280E04 Lương Định Của, Phường An Phú, Thành phố Thủ Đức, Thành phố Hồ Chí Minh

CHƯƠNG 2: NỘI DUNG THỰC TẬP

2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty

Thời gian: 2 ngày

Nội dung:

• Được tham gia vào các nhóm làm việc, các nhóm hoạt động khác Setup môi trường làm việc Được hướng dẫn về văn hoá ở công ty, quy định tại nơi làm việc, …

Kết quả:

• Hiểu thêm về công ty IGO, quá trình thành lập và phát triển Có thêm các kỹ năng về việc sử dụng một số công cụ trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn

2.2 Nghiên cứu kỹ thuật

2.2.1 Tuần 1

Nội dung:

• Tìm hiểu về các công cụ và công nghệ sẽ được sử dụng trong quá trình làm việc

• Được hướng dẫn sử dụng các công cụ như Github, VSCode để xây dựng ứng dụng theo quy trình của công ty

• Được training về HTML/CSS, ngôn ngữ JavaScript và TypeScript

Kết quả:

• Hiểu rõ về quy trình phát triển phần mềm của công ty

• Nắm được kiến thức về HTML/CSS, ngôn ngữ JavaScript và TypeScript

• Biết cách xây dựng layout cho trang web

2.2.2 Tuần 2

Nội dung:

• Được training về ReactJS và NextJS từ cơ bản đến nâng cao

• Học những kiến thức về việc tạo layout cho trang web, học các sử dụng các thư viện hỗ trợ như TailwindCss, Styled Component,…

• Tìm hiểu về tương tác giữa Frontend và Backend thông qua REST API, học cách sử dụng thư viện axios để call API

Kết quả:

• Nắm được cách thức sử dụng API trên Frontend

• Nắm rõ một số kỹ thuật nâng cao của ReactJS và NextJS

2.3 Thực hiện dự án cá nhân

Thời gian: 1 tháng

Dự án: Trang web Cyber Seeding

2.3.1 Công nghệ

Ngôn ngữ lập trình: TypeScript

Thư viện, framework:

• NextJS

• TailwindCSS

• Axios

• Redux

• …

2.3.2 Mô tả dự án

Đây là một trang web bán các sản phẩm và dịch vụ digital được cung cấp bởi một bên thứ ba (thông qua API) Dự án nhằm mục đích kiểm tra kiến thức của thực tập sinh về cách sử dụng các kiến thức đã được training trước đó, cũng như làm quen với quy trình phát triển của công

ty trước khi bước vào dự án thực tế

2.3.3 Kết quả

Kết quả đạt được:

• Xây dựng được trang web theo quy trình của công ty

• Deploy thành công dự án lên Vercel

• Hiểu thêm về các kiến thức về lập trình web và quy trình phát triển phần mềm

Một số hình ảnh về dự án:

Hình 2.1Màn hình đăng nhập

Hình 2.2 Màn hình đăng ký tài khoản

Hình 2.3 Màn hình Trang Chủ

Hình 2.4 Một màn hình cung cấp dịch vụ liên quan đến Twitter

Hình 2.5 Một màn hình cung cấp dịch vụ liên quan đến Tiktok

2.4 Tham gia dự án thực tế

Thời gian: 2 tháng

Mô tả: Dự án Agritrust – quản lý chuỗi cung ứng trong nông nghiệp và hỗ trợ truy xuất nguồn gốc nông sản

Nhiệm vụ chính:

• Xây dựng và phát triển màn hình Explore

Hình 2.6 Màn hình Explore

• Xây dựng và phát triển màn hình Trace Suppilers

Hình 2.7 Màn hình Trace Suppilers

Một số hình ảnh khác:

Hình 2.8 Màn hình Trace Farmer

Hình 2.9 Màn hình Trace Logistic

CHƯƠNG 3: TỔNG KẾT

Quãng thời gian thực tập tại Integral Global Opportunities đã giúp em cải thiện bản thân rất nhiều trong quy trình làm việc thực tế Em học được cách làm việc có kỉ luật, sắp xếp thời gian hợp lý và có những kinh nghiệm khi làm việc ở những dự án thực tế

Em đã được cho cơ hội để tìm hiểu thêm nhiều kiến thức mới để thực hiện dự án cá nhân Qua đó tích luỹ được nhiều kinh nghiệm Dù bản thân còn có những điểm yếu cần khắc phục nhưng nhìn chung thì vẫn đạt được mục tiêu

Tham gia vào dự án thực tế, bản thân được tiếp xúc với những áp lực về mặt thời gian, nhưng cũng là quãng thời gian luyện tập tốt nhất Vì vậy em đã cố gắng hết sức và hoàn thành công việc được giao

3.1 Điểm mạnh

• Qua thời gian thực tập ở công ty, em đã nắm được các kiến thức cơ bản và vài nâng cao liên quan đến công việc của một lập trình viên Frontend

• Học và áp dụng được nhiều điều về quá trình làm ra một sản phẩm phần mềm thực sự

• Có tinh thần trách nhiệm, nắm bắt yêu cầu và hoàn thành tốt các yêu cầu được giao

3.2 Điểm yếu

• Còn nhiều kiến thức, kĩ năng cần phải học hỏi

• Cần tìm hiểu thêm nhiều kiến thức về các business của công ty

Cần cải thiện communication với đồng nghiệp, leader

3.3 Chuẩn đạt được

Goal Mục tiêu môn học

G1 Nắm bắt được xu hướng, nhu cầu xã hội và tính đặc thù của doanh nghiệp

G2 Hiểu và giải thích được các khái niệm cơ bản, thuật ngữ và sơ đồ hệ thống trong dự

án

G3 Nắm được quy trình, phương pháp và công nghệ phát triển sản phẩm phần mềm tại

doanh nghiệp

G4 Có khả năng tìm hiểu vấn đề, mô hình hóa vấn đề và tham gia giải quyết vấn đề G5 Phát triển kỹ năng tư duy, kỹ năng làm việc nhóm và kỹ năng trình bày

G6 Đọc, hiểu các tài liệu và giao tiếp bằng tiếng Anh

TÀI LIỆU THAM KHẢO

1 MDN Web Docs https://developer.mozilla.org/en-US

2 W3Schools Online Web Tutorial https://www.w3schools.com

3 Learn React https://react.dev/learn

4 Docs NextJS https://nextjs.org/docs

5 TailwindCSS https://tailwindcss.com/docs