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

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TINKHOA CÔNG NGHỆ PHẦN MỀM

LỜI MỞ ĐẦU 1

Chương 1 Giới thiệu về công ty đang thực tập 3

1 1 Khái quát về công ty 8xLand 3

1.2 Quá trình hình thành và phát triển 4

Chương 2 Ngôn ngữ lập trình Flutter 5

2.1 Flutter là gì? 5

2.2 Đặc điểm nổi bật 5

2.3 Lý do bản thân chọn chuyên đề với Flutter để thực tập 5

Chương 3 Nội dung thực tập 6

3.1 Quy trình thực tập và công việc thực tế nơi đang thực tập 6

3.2 Nghiệp vụ chuyên môn 8

Chương 4 Các công việc đã làm trong quá trình thực tập 12

4.8 Component bottom sheet đặt lịch 20

4.9 Màn hình chọn chuyên viên tại nhà 21

4.10 Màn hình danh sách chọn chuyên viên tại nhà 21

4.11 Màn hình địa chỉ cá nhân 23

4.12 Màn hình thiết lập tài khoản 24

4.13 Màn hình hỗ trợ 25

4.14 Màn hình nhật ký hoạt động 26

4.15 Lịch làm việc cụ thể 27

4.16 Tổng kết các phần bản thân đã làm 29

Chương 5 Tự đánh giá và nhận xét thực tập 31

Nhận thức của bản thân sau thời gian tìm hiểu và tham gia thực tập tại đơn vị 31

Học hỏi từ các quy định nơi thực tập 32

KẾT LUẬN 33

LỜI MỞ ĐẦU

Kính gửi Ban giám hiệu, Ban chủ nhiệm khoa, và các giảng viên hướng dẫn,

Tôi xin trân trọng gửi đến quý vị báo cáo thực tập doanh nghiệp của mình, với vai trò là Front-end Developer Báo cáo này là kết quả của quá trình thực tập tại công ty R2S trong khoảng thời gian từ tháng 6 đến tháng 9 năm 2023.

Trong báo cáo này, tôi sẽ trình bày về nội dung công việc và kinh nghiệm của mình trong vai trò Front-end Dev tại công ty R2S Báo cáo bao gồm các phân tích, đánh giá, và khuyến nghị liên quan đến các dự án và quy trình kinh doanh mà tôi đã tham gia.

Trước khi bước vào chi tiết, tôi xin được giới thiệu về vai trò Front-end mà tôi đã đảm nhiệm trong thời gian thực tập Front-end dev là người chịu trách nhiệm phân tích và đánhgiá các yêu cầu của UI/UX, dự án, và hệ thống của công ty để tạo ra các giải pháp cải tiếnvà đáp ứng nhu cầu kinh doanh Công việc của tôi bao gồm thu thập và phân tích phát triển giao diện người dùng (UI), tương tác với Back-end, tham gia vào quy trình thiết kế hệ thống, tối ưu hóa hiệu suất, kiểm thử và sửa lỗi, và hiểu biết về UI/UX Design.

Trải qua thời gian thực tập tại công ty R2S, tôi đã có cơ hội áp dụng kiến thức và kỹ năng đã học được trong quá trình đào tạo đại học vào công việc thực tế Qua sự hướng dẫn và hỗ trợ từ các giảng viên hướng dẫn và đồng nghiệp, tôi đã trải qua một quá trình học tập và trưởng thành đáng giá.

Trong báo cáo này, tôi sẽ trình bày về các dự án và nhiệm vụ cụ thể mà tôi đã tham gia, các phân tích và kết quả tìm hiểu được, cũng như đóng góp và những khó khăn mà tôi đã trải qua trong quá trình làm việc Bên cạnh đó, tôi cũng sẽ đưa ra những khuyến nghị và phương hướng phát triển trong tương lai.

Tôi mong rằng báo cáo này sẽ giúp các quý vị có cái nhìn tổng quan về vai trò Front-end dev và khả năng của tôi trong việc áp dụng kiến thức và kỹ năng trong môi trường thực tế.

Trang 1

Tôi xin chân thành cảm ơn sự hỗ trợ và định hướng từ Ban giám hiệu, Ban chủ nhiệm khoa, và các giảng viên hướng dẫn trong suốt quá trình thực tập.

Trân trọng,Vũ Khánh Hoàng

Chương 1.Giới thiệu về công ty đang thực tập1 1 Khái quát về công ty R2S

Thông tin chung của công ty

 Loại công ty: Công Ty Trách Nhiệm Hữu Hạn và dịch vụ Tên công ty: R2S

 Logo công ty:

Đặc điểm sản xuất kinh doanh

Đào tạo nhân sự làm được việc ngay cho doanh nghiệp (Resource)Phát triển phần mềm (Software)

Tư vấn giải pháp CNTT cho các doanh nghiệp thực hiện chuyển đổi số(Solution)Các loại hình bất động sản được 8xLand cung cấp

Kết nối công nghệ - Nâng tầm thịnh vượng.

Tạo ra công cụ hỗ trợ đắc lực đồng hành cùng môi giới đạt được thành công trong sự nghiệp.

Xây dựng hệ thống quản lý thông minh với: Quy trình xử lí tự động, khép kín.Nền tảng giúp kết nối, đưa nhân lực Việt Nam vươn tầm thế giới.

1.2 Quá trình hình thành và phát triển

R2S ra đời vào ngày một tháng tám năm 2019 với nhiệm vụ đào tạo nhân sự CNTT cho doanh nghiệp, phát triển phần mềm và tư vấn giải pháp CNTT Đội ngũ sáng lập có anh Lê Hồng Kỳ và hiện tại anh là Giám đốc R2S Để mọi người hiểu nhiều hơn về R2S Academy nói riêng và R2S nói chung, hôm nay chúng ta cùng nghe hành trình sáng lập R2S từ anh Lê Hồng Kỳ nhé!

Mình tốt nghiệp Đại học ngành CNTT cuối năm 2006 Ngay sau khi ra trường, mình có 6 tháng học sỹ quan dự bị tại Trường sỹ quan quân sự quân khu 7 Sau khi học xong sỹ quan với quân hàm thiếu uý, một số người xin ở lại phục vụ quân đội, riêng mình thì chọnđi làm ngoài Công ty đầu tiên mình tham gia với vị trí lập trình viên Tại đây, mình có nhiệm vụ chuyển đổi phần mềm đang sử dụng viết bằng Visual Fox Pro sang sử dụng SQL Server Làm ở đây được 3 tháng và nhận thấy mình không phù hợp với môi trường này, nên mình đã dũng cảm xin nghĩ và đầu quân cho Fujinet – Một công ty làm Out-sourcing cho Nhật Bản Ở đây mình được làm công việc đúng sở trường của mình đó là lập trình viên Java cho một ứng dụng quản lý truyền hình cab ở Nhật Bản.

Gần 3 năm làm việc cho những dự án của Nhật thì vào cuối tháng 4 năm 2010, mình quyết định chuyển sang đi dạy tại trường Cao đẳng CNTT iSPACE thông qua một người bạn thời đại học giới thiệu Đây chính là thời điểm Kỳ chuyển từ lập trình viên sang giảngviên Và để có thể đứng lớp truyền đạt kiến thức, kỹ năng, kinh nghiệm thời làm việc cho sinh viên, Kỳ phải tham gia một khoá học 6 tháng tại trường Đại học sư phạm TPHCM đểlấy chứng chỉ sư phạm Đây xem như là giấy thông hành để Kỳ bắt đầu đi dạy Cũng trong thời gian làm việc tại iSPACE, thông qua người sếp Kỳ đã teaching demo thành công và bắt đầu đi dạy thêm buổi tối tại FPT Aptech (Từ 12/2015 đến 05/2018)

Trong thời gian mình dạy tại FPT Aptech, với đặc thù có nhiều người đang đi làm, học trái ngành tham gia lớp học nên mình có cơ hội gặp một học viên rất đặc biệt Bởi vì học viên ấy là học viên lớn tuổi nhất (55 tuổi) và đang là Giám đốc Cảng vụ tại TPHCM Và không biết cơ duyên gì, mình được chính học trò của mình mời về làm Trưởng ban CNTT

& QLDL với nhiệm vụ quản lý CNTT cho Cảng vụ và 13 đại diện thuộc Cảng vụ ở các tỉnh miền Tây Kỳ làm việc tại đây được 2 năm trước khi chuyển sang làm Trainer cho FPT Software khu vực HCM.

Phỏng vấn đầu vào đối tượng ứng tuyển Fresher, trực tiếp đào tạo và đánh giá các bạn Fresher là công việc chính Bên cạnh đó mình còn được giao nhiệm vụ đi chia sẻ cho hàng ngàn sinh viên các trường Đại học lớn nhỏ ở HCM Kỳ nói cho sinh viên biết những vị trí công việc mà doanh nghiệp cần Kỳ nói cho sinh viên biết cần trang bị những kiến thức, kỹ năng gì trước khi đi tìm việc,… Trong thời gian 3 năm làm việc tại FPT Soft-ware, Kỳ đã đào tạo hơn 600 Fresher, gặp gỡ và phỏng vấn hàng ngàn sinh viên Và mình trăn trở, làm cách nào giúp sinh viên tiếp cận sớm nhất (Có thể ngay năm nhất) những yêucầu từ doanh nghiệp để giải quyết một thực trạng rất buồn đó là sinh viên thất nghiệp, doanh nghiệp thì thiếu người.

Chương 2.Ngôn ngữ React NaTive2.1 React Native là gì?

 React Native là một framework (khung công việc) mã nguồn mở được phát triểnbởi Facebook, giúp xây dựng ứng dụng di động đa nền tảng (cross-platform) Nó sử dụng ngôn ngữ lập trình JavaScript và React để phát triển ứng dụng cho cả iOS và Android.

 React Native được thiết kế để giảm bớt sự phức tạp của việc phát triển di động bằng cách cho phép các nhà phát triển sử dụng một lượng lớn mã nguồn chung giữa các nền tảng khác nhau Một điểm mạnh của React Native là khả năng tái sử dụng component giữa các dự án, giảm đáng kể thời gian và công sức khi pháttriển cho cả iOS và Android.

2.2 Đặc điểm nổi bật

 JavaScript và React: Sử dụng JavaScript, một ngôn ngữ lập trình phổ biến và dễ tiếp cận, cùng với React, một thư viện JavaScript phổ biến cho việc xây dựng giao diện người dùng.

 Tương thích Cross-platform: Cho phép việc phát triển ứng dụng di động chung cho cả iOS và Android, giảm thiểu cần phải viết mã nguồn từ đầu cho mỗi nền tảng.

 Hot Reloading: Cho phép nhà phát triển thấy ngay các thay đổi trong ứng dụng mà không cần phải rebuild toàn bộ.

 Community mạnh mẽ: React Native có một cộng đồng lớn, nhiều nguồn tài nguyên và thư viện hỗ trợ.

 React Native đã trở thành một lựa chọn phổ biến cho việc phát triển ứng dụng diđộng, đặc biệt là khi cần tối ưu hóa sự tái sử dụng mã nguồn và giảm thời gian phát triển đối với cả hai nền tảng iOS và Android.

2.3 Lý do bản thân chọn chuyên đề với BA để thực tập

 Hiểu Biết Toàn Diện về Doanh Nghiệp: Làm việc với BA giúp bạn hiểu rõ hơn về hoạt động của doanh nghiệp Bạn có cơ hội nắm bắt kiến thức vững về các quy trình kinh doanh, mô hình hoạt động, và yêu cầu của khách hàng.

 Phát Triển Kỹ Năng Phân Tích: Trong quá trình thực tập với BA, bạn sẽ phát triển kỹ năng phân tích thông tin, làm rõ yêu cầu của dự án, và tìm hiểu cách dự án ảnh hưởng đến các phần khác nhau trong doanh nghiệp.

 Giao Tiếp và Tương Tác: BA thường phải làm việc với nhiều bên liên quan, baogồm khách hàng, nhóm phát triển, và bên quản lý dự án Thực tập với BA có thểgiúp bạn phát triển kỹ năng giao tiếp và tương tác xã hội.

 Cơ Hội Nắm Bắt Công Nghệ và Quy Trình: Trong quá trình làm việc với BA, bạn có thể học được cách kết hợp công nghệ vào quy trình kinh doanh Điều nàycó thể cung cấp cái nhìn chi tiết về cách công nghệ có thể giúp cải thiện hiệu suất và quy trình công việc.

 Chuẩn Bị cho Sự Nghiệp Tương Lai: Một sự hiểu biết sâu sắc về doanh nghiệp và quy trình làm việc có thể là một lợi thế lớn khi bạn bắt đầu sự nghiệp của mình, đặc biệt là nếu bạn quan tâm đến quản lý dự án, quản lý kinh doanh, hoặc quản lý sản phẩm

Chương 3.Nội dung thực tập

3.1 Quy trình thực tập và công việc thực tế nơi đang thực tập

 Hiểu yêu cầu kinh doanh: Đầu tiên, phải hiểu rõ yêu cầu kinh doanh của dự án Điều này bao gồm tìm hiểu về mục tiêu, ngữ cảnh, các vấn đề và nhu cầu của doanh nghiệp Có thể tương tác với các bên liên quan như khách hàng, người sử dụng cuối và các chuyên gia lĩnh vực để thu thập thông tin chi tiết.

 Phân tích yêu cầu: Sau khi thu thập thông tin, tiến hành phân tích yêu cầu Quá trình này bao gồm phân loại, phân tích và phát triển yêu cầu thành các tài liệu vàmô hình phù hợp.

 Xây dựng mô hình: Sử dụng các biểu đồ và mô hình hóa để mô tả hệ thống hoặcquy trình Các biểu đồ phổ biến như biểu đồ lớp, biểu đồ use case, biểu đồ hoạt động và biểu đồ trạng thái được sử dụng để hiển thị cấu trúc và luồng làm việc của hệ thống.

 Xác nhận yêu cầu: Phối hợp với các bên liên quan để xác nhận yêu cầu đã phân tích Điều này đảm bảo rằng các yêu cầu đã hiểu đúng và đủ để tiến hành phát triển Sự xác nhận có thể thông qua cuộc họp, gặp gỡ và sự thống nhất giữa các bên liên quan.

 Lập kế hoạch và thiết kế: Dựa trên yêu cầu đã được xác nhận, tham gia vào quá trình lập kế hoạch và thiết kế Điều này bao gồm việc tạo ra tài liệu thiết kế chi tiết, định nghĩa quy trình công việc và xác định các tài nguyên cần thiết cho dự án.

 Giao tiếp và tương tác: Liên tục tương tác với các bên liên quan trong suốt quá trình dự án Cung cấp thông tin, giải thích yêu cầu và mô hình, thu thập phản hồi và làm việc với đội phát triển để đảm bảo sự hiểu rõ và đồng thuận về yêu cầu và thiết kế.

 Kiểm tra và phê duyệt: Tham gia vào quá trình kiểm tra và phê duyệt để đảm bảo rằng sản phẩm hoặc giải pháp đáp ứng yêu cầu và đạt được mục tiêu kinh doanh Họ kiểm tra chất lượng, thực hiện kiểm thử và theo dõi hiệu suất để đảm bảo sự hoạt động đúng như mong đợi.

 Hỗ trợ triển khai: BA có thể tham gia vào quá trình triển khai, hỗ trợ việc triển khai giải pháp và đảm bảo rằng yêu cầu và thiết kế đã được thực hiện chính xác.

Bên dưới là sơ đồ mô tả quy trình làm việc tại bộ phận của em tại công ty

Những kiến thức đã được học tại công ty

 Kỹ năng tổ chức công việc thông qua các ứng dụng Trello, Github, Zalo,Drawio, Lark,

 Kỹ năng lập kế hoạch với bản thân để có thể hoàn thành nhiệm vụ của mình đúng thời gian quy định.

 Kiến thức chuyên ngành vững chắc hơn. Phối hợp công việc với các nhóm.

 Ngoài ra còn được nâng cao kỹ năng giao tiếp, thuyết trình, khả năng giải quyết vấn đề.

3.2 Nghiệp vụ chuyên môn.

Hiện tại công ty chia thành các đội trong công ty: marketing, sales, thiết kế, phát triển ứng dụng Mỗi đội là một phòng ban được chia làm công việc với nhau.

Công ty đang phát triển chủ yếu là về lập trình web và mobile, nhưng cũng đang mở rộng như đang chuẩn bị thực hiện mở rộng thêm về lĩnh vực đào tạo nhân lực, marketing

Về chuyên ngành phát triển của FE, thực hiện thiết kế ứng dụng và các chức năng theo như yêu cầu của đội thiết kế Chỉnh sửa lại các phần chưa được tối ưu và còn hạn chế của ứng dụng Giám sát bảo trì ứng dụng theo thời gian và nâng cấp.

Trưởng nhóm sẽ nhận các yêu cầu từ các ban lãnh đạo hay thiết kế để đưa ra nhiệm vụ mỗi ngày cho các thành viên trong nhóm Vào mỗi buổi sáng sẽ có báo cáo công việc cũng như xem xét tiến độ của mỗi thành viên như thế nào Đưa ra các giải pháp tối ưu cũng như quản lý hệ thống bên sever Lập kế hoạch để họp với các nhóm mỗi tuần để có thể thống nhất ý kiến và làm công việc dễ dàng hơn.

Các thành viên trong nhóm bao gồm nhân viên chính thức cũng như thực tập sinh, sẽ báo cáo công việc mình làm mỗi ngày, với sự hướng dẫn của trưởng nhóm để phát triển các giao diện, chức năng của ứng dụng Mỗi khi một nhiệm vụ hoàn thành, sẽ báo cáo trên ứng dụng Trello và GitHub để trưởng nhóm có thể dễ dàng quản lý và đưa ra kế hoạch phù hợp hơn Rồi sau đó trưởng nhóm sẽ tự mình kiểm thử chức năng đó, nếu ổn thì đưa cho nhóm QC để kiểm tra lần cuối Mỗi chức năng đều thực hiện như vậy, trong quá trình QC nếu lỗi đó liên quan đến bản thân thì phải tự mình giải quyết vấn đề đó Trong trường hợp nó quá khó khăn thì có thể yêu cầu lại với nhóm thiết kế thực hiện theo vấn đề đó một cách dễ dàng hơn Cũng như vậy mỗi khi đội thiết kế đưa ra giao diện của

ứng dụng không phù hợp hay không hợp lý, thì bản thân có thể thảo luận với đội thiết kế để có thể thảo luận về vấn đề này để phát triển một cách tốt hơn.

 Ở hình báo cáo GitHub này trưởng nhóm sẽ tạo các vấn đề mình sẽ cần phải làm, các nhân viên lựa chọn nhiệm vụ phù hợp với mình để thực hiện Khi vừa nhận thì sẽ dán nhãn là đang thực hiện, khi thực hiện xong sẽ là nhãn đã hoàn thành.

 Phần dưới sẽ mô tả chi tiết về công việc thông qua các yêu cầu có sẵn, và đính kém theo với hình ảnh để em hiểu rõ một cách trực quan hơn Nếu không hiểu gì thì có thể liên hệ với trưởng nhóm để tìm hiểu thêm.

 Trello là ứng dụng quản lý công việc khá phổ biến trong thời gian này Các task được chia ra các phần: chức năng phụ, chức năng, cụm chức năng, thực hiện sau, đang thực hiện, đã hoàn thành, đã review.

Chương 4.Các công việc đã làm trong quá trình thực tập4.1 Màn hình Home:

 Được thiết kế từ đội thiết kế với ứng dụng Figma Cách được thực hiện là xây dựng các tab view cho phép có thể chuyển qua loại cơ sở, cách xây dựng các commponents và navigate Tối ưu hiệu xuất của flatlist với flashlist và sử dụng memo để tránh bị re-render Với mỗi loại components sẽ có một chức năng riêng Riêng phần màn hình Home này dùng để hiển thị các thông tin về các loạibảo hiểm cũng như các thẻ bảo hiểm nổi bật, navigate tới các trang thông báo cũng như các trang để đặt bảo hiểm nhanh.

4.2 Màn hình tin tức

 Cũng được dựa trên Figma ở đây sẽ hiển thị danh sách các tin tức Tại màn hìnhnày cũng cho phép người dùng nhấn xem cũng như like, navigate tới các trang bình luận để bình luận tin tức tức

4.3 Màn hình tài khoản

 Các tính năng cũng được thiết kế như hai màn hình yêu thích trên, nhưng màn hình này dùng để navigation tới các màn khác để thực hiện yêu cầu chỉnh sửa tàikhoản cũng như các thông tin về công ty.

4.4 Màn hình chỉnh sửa thông tin tài khoản

 Ở màn hình này giúp cho người dùng có thể cập nhật mới thông tin cho tài khoản hiện dùng.