ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠ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 MOBILE APPLICATION 4KFarm Phần mềm hỗ trợ Nông nghiệp Công ty thực tập MWG (Thế gi[.]
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠ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 MOBILE APPLICATION 4KFarm - Phần mềm hỗ trợ Nông nghiệp Công ty thực tập: MWG (Thế giới Di động) Người phụ trách: Nguyễn Vĩnh Tuấn, Nguyễn Hữu Nghị Thực tập sinh: Nguyễn Viết Lưu - 19520155 TP Hồ Chí Minh, tháng 12 năm 2022 Nguyễn Viết Lưu Thực tập tốt nghiệp LỜI MỞ ĐẦU Ngày nay, với tốc độ phát triển vũ bão internet, công nghệ dịch vụ liên tiếp đời hướng đến nâng cao trải nghiệm người dùng Ngành nông nghiệp đại không nằm ngồi xu Các ứng dụng cơng nghệ thơng tin ví sóng mới, làm thay đổi tồn hệ thống mơ thức cung ứng vận hành dịch vụ nông nghiệp có từ hàng trăm năm Từ đó, giúp cho kỹ sư vận hành, bảo quản chăm sóc thực phẩm tốt hơn, phân loại đưa đến siêu thị cho người dân sử dụng Nổi bật số kể đến 4KFarm, phần mềm quản lý Công ty Cổ phần Thế giới di động (MWG), phát triển cho phép kỹ sư nông nghiệp theo dõi vận hành sản phẩm tốt Bằng việc hợp tác với 50 nhân CNTT phát triển sản phẩm vòng gần năm, để đưa lên cho kỹ sư nơng nghiệp sử dụng từ phát triển nhiều tính đặc biệt, phù hợp với ngành trồng trọt, chăn nuôi Sự phát triển rộng rãi MWG kéo theo nhu cầu nguồn nhân lực để đảm bảo cho việc phát triển trì dự án Các tuyển mộ nhân lực, đặc biệt nguồn nhân lực trẻ liên tiếp đội ngũ nhân MWG tổ chức để tìm kiếm ứng cử viên phù hợp Sau năm học tập làm việc Đại học công nghệ thông tin (UIT), em định đăng ký chương trình MWG Talent Season với mong muốn trải nghiệm môi trường làm việc Doanh nghiệp bán lẻ hàng đầu Việt Nam, đồng thời học hỏi thêm kinh nghiệm việc phát triển sản phẩm dự án thực tế Nguyễn Viết Lưu Thực tập tốt nghiệp LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Tập đoàn MWG tạo điều kiện cho em có hội thực tập cơng ty Đặc biệt cảm ơn anh Nghị, anh Tuấn - lead manager em suốt trình thực tập công ty, thành viên BackBone team, hướng dẫn, training tận tình cho em kiến thức phát triển ứng dụng di động (React Native, Typescript, …) làm quen với môi trường Em cảm ơn anh Nguyễn Thanh Hiền, giúp đỡ hướng dẫn em tận tình giai đoạn đầu em vào công ty 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 Nguyễn Viết Lưu TpHCM, 14/12/2022 Nguyễn Viết Lưu Thực tập tốt nghiệp NHẬN XÉT CỦA KHOA Nguyễn Viết Lưu Thực tập tốt nghiệp MỤC LỤC Chương 1: Giới thiệu Công ty Thực tập 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ữ JavaScript React Native FrameWork: 2.3 Sử dụng React Native Framework: 2.4 Phát triển ứng dụng: 2.5 Tham gia buổi Training kỹ mềm: 2.6 Thực Project: 10 Lịch làm việc: 14 TỔNG KẾT 15 Nguyễn Viết Lưu Thực tập tốt nghiệp Chương 1: Giới thiệu Công ty Thực tập Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) tảng bán lẻ đa ngành nghề số Việt Nam doanh thu lợi nhuận Với chiến lược omni-channel, Công ty vận hành mạng lưới hàng ngàn cửa hàng toàn quốc song song với việc tận dụng hiểu biết sâu rộng khách hàng thông qua tảng liệu lớn, lực chủ động triển khai hoạt động hỗ trợ bán lẻ xây dựng nội liên tục đổi công nghệ nhằm tạo trải nghiệm khách hàng vượt trội thống kênh nâng cao gắn kết người tiêu dùng với thương hiệu MWG Trong hệ sinh thái MWG, Công ty TNHH MTV Công Nghệ Thông Tin Thế giới di động phần quan trọng giúp cho vận hành tập đồn cách chặt chẽ Nhìn từ góc độ khách hàng trọng tâm, đem lại lợi ích cho nhà cung cấp đối tác, nhân viên, quan sát phòng ban khác nhau, nhận thấy họ phải dùng công cụ phức tạp để quản lý bán hàng, kho… Để thay đổi, phải dùng hệ thống phần mềm, lõi ERP, liên thơng với phận: website, App, CRM, hệ thống tổng đài, quản lý giao nhận, hệ thống hóa đơn, E- Learning, báo cáo tài chính, tính thưởng, quản lý khách hàng… Nguyễn Viết Lưu Thực tập tốt nghiệp 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, q 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 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 Tập đồn MWG, 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 Nghiên cứu kỹ thuật: 2.1 Các công cụ làm việc: Thời gian : tuần 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, lead manager 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 công cụ cần thiết việc phát triển sản phẩm bao gồm: - Visual Studio Code: Text editor sử dụng q trình phát triển sản phẩm - NodeJS, NVM, Yarn: Các công cụ quản lý package - Git, Gitlab, CI/CD: Công cụ quản lý source code, deploy, integration - Xcode, Iphone Simulator, Android Studio, Android Emulator: Các IDE máy ảo phục vụ cho việc dev, debug sản phẩm Thực : Học lý thuyết ứng dụng công cụ Kết : Có thể sử dụng kết hợp công cụ kể Nguyễn Viết Lưu 2.2 Thực tập tốt nghiệp Tìm hiểu ngơn ngữ JavaScript React Native FrameWork: Thời gian : tuần Nội dung : - Được training cách sử dụng JavaScript việc viết code - Cách sử dụng số thư viện, Package công ty viết sẵn cách sử dụng dự án thực tế Thực : - Sử dụng JavaScript dự án Commit review code lead manager thành viên team Kết : - Có thể sử dụng JavaScript cách - Có thể ứng dụng thư viện, Package công ty viết sẵn cách sử dụng dự án thực tế, giúp nâng cao trải nghiệm người dùng 2.3 Sử dụng React Native Framework: Nội dung : Các kiến thức React Native để phát triển ứng dụng di động bản: - React Native ? React native cơng cụ giúp lập trình đa tảng để tạo ứng dụng mơi trường native Nó framework mã nguồn mở phát triển Facebook, cho phép bạn sử dụng Java script để phát triển phần mềm điện thoại di động Android IOS React native giống React chúng sử dụng native components thay web components Vì để hiểu cấu trúc React native cần phải có kiến thức với khái niệm React JSX, components, props state - Component: Components khái niệm React React native Chính việc chia nhỏ ứng dụng thành components nhỏ tạo nên tính tái sử dụng cao khả mở rộng chúng Props Props viết tắt Properties Một điều mà bạn cần phải nhớ sử dụng props khơng nên thay đổi giá trị nó, hay nói cách khác, liệu immutable Các component nhận props từ component cha Bạn không Nguyễn Viết Lưu Thực tập tốt nghiệp thay đổi giá trị props component mà phép đọc giá trị thơi Trong React liệu theo chiều, có nghĩa từ component cha => component - State: State hoạt động khác với Props State liệu nội Component, props liệu truyền cho Component Chính hồn tồn thay đổi state, coi kiểu liệu mutable Vì đặc điểm nên hay sử dụng State để thay đổi liệu view, binding data lại view có thay đổi Nhưng không dùng this.state để gán lại giá trị thay đổi cho nó, mà dùng this.setState Function trigger cho class render lại component component nó, cịn this.state khơng - React Lifecycle: Là vịng đời Component sử sụng bên ứng dụng bạn Có thể group phương thức lifecycle nhóm, ứng với giai đoạn component: Mounting, Updating, Unmounting, Error Handling ● Mounting: constructor static getDerivedStateFromProps() render componentDidMount() ● Updating: static getDerivedStateFromProps() 2.shouldComponentUpdate() render() getSnapshotBeforeUpdate() componentDidUpdate() ● Unmounting: componentWillUnmount() - Thực : Tự học bổ sung kiến thức React Native thông qua internet dẫn live manager thành viên team Kết : Nắm vững cách sử dụng framework React Native sử dụng dự án - Nguyễn Viết Lưu 2.4 - Phát triển ứng dụng: Nghiên cứu cách sử dụng thực hành Setup công cụ kể theo hướng dẫn Lead Manager thành viên Team Mỗi nhận báo lỗi từ người sử dụng thực tế, thành viên Team nhanh chóng sửa thay đổi, nâng cấp lên Version 2.5 - Thực tập tốt nghiệp Tham gia buổi Training kỹ mềm: Problem solving - Critical Thinking Project management GitPush management Nguyễn Viết Lưu 2.6 Thực tập tốt nghiệp Thực Project: 2.6.1 Dự án 4KFarm: 2.6.1.1 Màn hình Trang chủ: 10 Nguyễn Viết Lưu 2.6.1.2 Thực tập tốt nghiệp Màn hình Lịch: 11 Nguyễn Viết Lưu 2.6.1.3 Thực tập tốt nghiệp Màn hình Chi tiết cơng việc: 12 Nguyễn Viết Lưu 2.6.1.4 Thực tập tốt nghiệp Màn hình Menu: ● Cơng việc thực hiện: ○ Màn hình Calendar, Profile, Work detail ○ Tích hợp API cho lịch trình làm việc ○ Tích hợp API cho trang cá nhân ○ Tích hợp API ràng buộc số Fields chi tiết công việc ○ Cải thiện Performance cho App ○ Test số chức thêm xóa sửa ○ Update giao diện hình theo yêu cầu Product ● Các kỹ học: ○ JavaScript (async, callback, debounce function, ) ○ React (reducers, hooks, ) ○ Quy trình Agile-Scrum, flow làm việc Product-BackendFrontend 13 Nguyễn Viết Lưu Thực tập tốt nghiệp ○ Quy trình Test App – Unit Test Lịch làm việc: Tháng Công việc Người hướng dẫn Mức độ hoàn thành Training học thuật kỹ 95% Maintain phát triển dự án 4KFarm từ đầu Anh Nguyễn Hữu Nghị, anh Nguyễn Vĩnh Tuấn Maintain dự án 4KFarm Nhận xét người hướng dẫn 95% 95% 14 Nguyễn Viết Lưu Thực tập tốt nghiệp TỔNG KẾT Sau tháng MWG, em may mắn tham gia vào dự án thực tế (4KFarm) không project mẫu Q trình học hỏi làm việc cơng ty dù có áp lực đem lại cho em nhiều kiến thức, tư duy, kinh nghiệm trình thực dự án lẫn cách làm việc giao tiếp Chân thành cảm ơn giúp đỡ anh Nghị, anh Tuấn Cũng thành viên BackBone team, anh Hiền, công ty tạo môi trường giúp đỡ cho em suốt trình thực tập Cảm ơn khoa CNPM tạo điều kiện cho em hoàn thành báo cáo Một lần em xin chân thành cảm ơn !!! Nguyễn Viết Lưu 15 ... 2.6.1.2 Thực tập tốt nghiệp Màn hình Lịch: 11 Nguyễn Viết Lưu 2.6.1.3 Thực tập tốt nghiệp Màn hình Chi tiết cơng việc: 12 Nguyễn Viết Lưu 2.6.1.4 Thực tập tốt nghiệp Màn hình Menu: ● Cơng việc thực. .. 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 Nguyễn Viết Lưu TpHCM, 14/12/2022 Nguyễn Viết Lưu Thực tập tốt nghiệp NHẬN XÉT CỦA KHOA ... kỹ mềm: 2.6 Thực Project: 10 Lịch làm việc: 14 TỔNG KẾT 15 Nguyễn Viết Lưu Thực tập tốt nghiệp Chương 1: Giới thiệu Công ty Thực tập Công ty Cổ phần