báo cáo thực tập intern front end developer

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (888.97 KB, 20 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM </b>

BÁO CÁO THỰC TẬP

<b>INTERN FRONT-END DEVELOPER </b>

Công ty thực tập: Unit Technology Corporation Người phụ trách: Nguyễn Hồng Phong

Thực tập sinh: Lê Đặng Phương Uyên

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>LỜI MỞ ĐẦU </b>

Trong thời đại ngày nay, công nghệ thông tin giữ vai trò quan trọng ở mọi quốc gia trên thế giới, là yếu tố quan trọng trong công cuộc phát triển đất nước. Công nghệ được ứng dụng trong hầu hết các lĩnh vực quan trọng: giáo dục, y tế, văn hố, du lịch, giao thơng, …

Chính vì sự phát triển mạnh mẽ của công nghệ thông tin, nhu cầu sử dụng các ứng dụng web ngày càng tăng cao hơn. Để có thể xây dựng nên một ứng dụng web tốt, ngoài yếu tố giao diện thân thiện, dễ sử dụng, các thao tác xử lý logic và dữ liệu phía sau cũng rất quan trọng. Nắm bắt được xu hướng đó, em đã lựa chọn ReactJS Front-end Developer là định hướng phát triển bản thân và nghề nghiệp trong tương lai.

Sau những năm tháng học tập 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 Công ty Cổ phần Công nghệ UNIT – một môi trường lý tưởng và chuyên nghiệp để thực hiện dự định của bản thân.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>LỜI CẢM ƠN </b>

Em xin trân trọng gửi lời cảm ơn đến Công ty Cổ phần Công nghệ UNIT đã tạo điều kiện cho em có 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 Nguyễn Hồng Phong, em đã tiếp thu những kiến thức quan trọng để có thể sẵn sàng tham gia vào các dự án thực tế.

Ngồi kiến thức chun mơn, em còn học được những kỹ năng cần thiết: quản lý thời gian, kỹ năng giao tiếp, làm việc nhóm, kỹ năng giải quyết vấn đề. Đây sẽ là hành trang quý giá cho em trên con đường phát triển sau này.

Chân thành cảm ơn các anh chị trong team đã 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 mới 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 4 tháng 1 năm 2024

Lê Đặng Phương Uyên

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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

1.1. Giới thiệu Công ty Cổ Phần Công nghệ UNIT ... 6

1.2. Sản phẩm công ty ... 7

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

<b>CHƯƠNG 2: NỘI DUNG THỰC TẬP ... 12</b>

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

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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

Hình 2. 1 Sơ đồ tổ chức giao diện người dùng ... 13

Hình 2. 2 Trang đăng ký / đăng nhập... 15

Hình 2. 3 Trang Home ... 15

Hình 2. 4 Trang Danh mục sản phẩm ... 16

Hình 2. 5 Giỏ hàng ... 16

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<b>CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP </b>

Tên công ty: Công ty Cổ phần Cơng nghệ UNIT

Địa chỉ văn phịng: 157 Nguyễn Thị Thập, Phường Tân Phú, Quận 7, Thành phố Hồ Chí Minh

Website cơng ty: Quy mơ: hơn 200 người

UNIT là Công ty công nghệ chuyên cung cấp các Giải pháp và Sản phẩm phần mềm trong lĩnh vực Tài chính, Ngân Hàng, Bảo hiểm và Quản trị có uy tín tại thị trường Việt Nam và Quốc tế. Với phương châm “Chúng tôi luôn lắng nghe ý kiến của khách hàng, nhu cầu của thị trường, nghiên cứu các công nghệ mới để đem đến cho khách hàng những sản phẩm đầy trải nghiệm”. Công ty hiện tại có 3 chi nhánh:

- Một trụ sở ở Thành phố Hồ Chí Minh. - Một chi nhánh ở Hà Nội.

- Một văn phòng ở Singapore. (Giới thiệu UNIT, n.d.)

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>1.2. Sản phẩm công ty 1.2.1. Sản phẩm Paperless </b>

<i>Hình 1. 2 Sản phẩm Paperless </i>

- Chuyển đổi giấy tờ truyền thống sang biểu mẫu thông minh, biểu mẫu kỹ thuật số cùng với tự động hóa quy trình kinh doanh nhằm tối đa hóa qui trình ra quyết định của Doanh nghiệp. Sự kết hợp giữa Biểu mẫu thông minh (Smart Forms) + eKYC + Qui trình nghiệp vụ – (BPM – Business Process Management) + Chữ ký số (Digital Signature). (Sản phẩm Paperless, n.d.)

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

<b>1.2.2. Hệ thống quản lý ra vào </b>

<i>Hình 1. 3 Hệ thống quản lý ra vào </i>

- Ứng dụng ra đời với sứ mệnh giúp Tổ chức và Doanh nghiệp chào đón khách mời một cách THƠNG MINH – TỒN DIỆN và HIỆN ĐẠI. (Hệ thống quản lý ra vào, n.d.)

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

- BPM Hub là hệ thống trung tâm tích hợp và điều phối hệ thống qui trình nghiệp vụ kinh doanh (BPM), hệ thống xử lý nghiệp vụ và các hệ thống liên quan khác. (Sản phẩm BPM Hub, n.d.)

<b>1.2.4. Sản phẩm Napas ACH </b>

<i>Hình 1. 5 Sản phẩm Napas ACH </i>

- Giải pháp cung cấp hệ thống chuyển mạch tài chính và bù trừ điện tử ACH

(Automation Clearing House), đây là mơ hình kết nối chuyển mạch tài chính và bù trừ thanh toán giữa NAPAS và ngân hàng thành viên. Hệ thống ACH là hệ thống thanh toán bù trừ tự động phục vụ nhu cầu xử lý bù trừ (clearing) các giao dịch thanh tốn (ghi Nợ/Có tài khoản) bán lẻ giá trị thấp (thường là các giao dịch bán lẻ, thực hiện 24/7, có giá trị nhỏ, số lượng giao dịch trong ngày lớn), thực hiện xử lý theo món (transaction) hoặc theo lơ (batch) giữa các thành viên tham gia. (Sản phẩm Napas ACH, n.d.)

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

- Hệ thống CIC H2H là hệ thống kết nối online giữa tổ chức tài chính với trung tâm tín dụng quốc gia CIC (National Credit Information Center of Viet Nam) nhằm truy vấn thơng tin tín dụng trực tuyến với CIC phục vụ cho các nhu cầu tín dụng cá nhân và doanh nghiệp. (Sản phẩm CIC Host to Host, n.d.)

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>1.2.6. Sản phẩm SBV Reporting System </b>

<i>Hình 1. 7 Sản phẩm SBV Reporting System </i>

- Hệ thống báo cáo ngân hàng nhà nước được xây dựng với mục đích phục vụ cho báo cáo và thống kê số liệu một cách tự động dành cho ngân hàng và các tổ chức tài chính đáp ứng yêu cầu đặt ra của ngân hàng nhà nước theo các thông tư 02 & 03, thông tư 11, thông tư 35, công văn 1396, CIC, DIV… (Sản phẩm SBV Reporting System, n.d.) Ngồi ra cịn rất nhiều sản phẩm hỗ trợ doanh nghiệp xây dựng phương thức vận hành tối ưu, loại bỏ các quy trình rườm rà.

Em tham gia làm việc tại công ty bắt đầu từ ngày 01/11/2023 tới 05/1/2024, các ngày làm việc trong tuần là từ thứ hai đến thứ 6. Công việc hằng ngày bắt đầu từ lúc 8h30 đến 17h30. Thời gian nghỉ trưa khoảng 1 tiếng, từ 12h đến 13h. Sau mỗi ngày làm việc em sẽ báo cáo tiến độ công việc trong ngày, đặt câu hỏi và nhận chia sẻ, giải đáp từ anh hướng dẫn, đặt mục tiêu cho ngày làm việc tiếp theo. Cuối thứ 6 mỗi tuần sẽ tổng hợp và báo cáo lại những gì đã làm được

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

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

Thời gian: 1 ngày Nội dung:

- Được giới thiệu về cơng ty, quy trình thành lập và phát triển, quy định bảo mật của công ty

- Học và làm quen với văn hóa cơng ty

- Làm quen với các công cụ hỗ trợ làm việc tại công ty: ứng dụng chấm công, gitlap, nền tảng chat, mail

Kết quả: hiểu thêm về UNIT, quá trình thành lập và phát triển. Thành thạo các cơng cụ hỗ trợ làm việc, quy trình làm việc. Hiểu rõ tầm quan trọng của bảo mật thông tin đối với một cơng ty cơng nghệ. Có thêm các kỹ năng về việc sử dụng email trong cơng việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn.

Nội dung:

- Cài đặt môi trường (Node.js và npm), khởi tạo ứng dụng React.

- Tìm hiểu về các React Common Hook (useRef, useMemo, useReducer, useContext,..) và cách sử dụng để quản lý các state.

- Tìm hiểu về Material UI, MUI Styles, custom theme MUI. - Tìm hiểu về React Router.

- Xây dựng web demo.

Kết quả: Hiểu và vận dụng được các React Hook, React Router và sử dụng MUI để phát triển ứng dụng.

Nội dung:

- Tìm hiểu về cách gọi API và xử lí dữ liệu từ API bằng axios.

- Tìm hiểu về cách tạo và quản lý form bằng React Hook Form và Yup. - Styling React.

Kết quả: Hiểu và áp dụng được cách xử lí dữ liệu từ API bằng axios và cách dùng React Hook Form và Yup. Hiểu hơn về nhiều kiểu style trong React (CSS-in-JS, Styled component) và tầm

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

- Xây dựng các custom node cho chart.

Kết quả: Hiểu và áp dụng được thành thạo React Hook Form. Thiết kế được Organizational Chart bằng Figma và xây dựng dữ liệu và các component node.

<i>Hình 2. 1 Sơ đồ tổ chức giao diện người dùng </i>

Nội dung:

- Xây dựng Organizational Chart. - Tìm hiểu RxJs và Strapi.

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

Kết quả: Bổ sung thêm kiến thức về lập trình web, làm việc với API.

- Tìm hiểu cách triển khai NextJS

Kết quả: Tiếp cận và áp dụng NextJS vào dự án cá nhân

Nội dung:

- Tìm hiểu eForm FORCS

- Áp dụng ReacJS xây dựng demo eForm - Tìm hiểu eKYC

- Áp dụng ReactJS xây dựng demo eKYC - Áp dụng Jest để kiểm thử đơn vị

Kết quả: Tìm hiểu được thêm nhiều công nghệ mới (FORCS, eKYC, Jest), đồng thời áp biết cách triển khai và có thể áp dụng vào các dự án cá nhân trong tương lai.

+ React Facebook Login + React Google Login

Đây là dự án demo cho quá trình training về ReactJS, với các chức năng đơn giản:

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

- Quản lí giỏ hàng

<i>Hình 2. 2 Trang đăng ký / đăng nhập </i>

<i>Hình 2. 3 Trang Home </i>

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

<b>CHƯƠNG 3: TỔNG KẾT </b>

Thời gian thực tập tại UNIT đã mang lại cho em nhiều cơ hội phát triển cá nhân. Không chỉ học được kiến thức chuyên ngành và kỹ năng thực tế, em cịn đắm chìm trong những giá trị quan trọng khác. Môi trường làm việc chuyên nghiệp tại đây giúp tôi cảm thấy thoải mái và được hỗ trợ.

Thời gian thực tập còn hạn chế nên em chưa có được nhiều cơ hội tham gia vào các dự án thực tế của công ty. Thời gian thực tập còn lại em sẽ cố gắng trau dồi kiến thức để hồn thành tốt cơng việc khi được tham gia vào dự án.

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

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

Qua q trình thực tập, em có thể tự đánh giá các chuẩn đạt được như sau:

- Nắm bắt được xu hướng, nhu cầu xã hội và tính đặc thù của doanh nghiệp (G1): 9/10 - 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

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">