báo cáo thực tập MOBILE

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 DOANH NGHIỆP LẬP TRÌNH MOBILE Cơng ty thực tập : Nextfunc Người phụ trách : Lưu Xuân Hậu Thực tập sinh : Mai Anh Dinh Mai Anh Dinh LỜI MỞ ĐẦU Ngày nay, ngành công nghiệp game phận thiếu ngành công nghiệp phần mềm Với tốc độ phát triển vô mạnh mẽ, ngành game nhân tố kích thích phát triển công nghệ thông tin giới, phần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp game non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu game giới Bên cạnh công ty game trẻ tuổi nước, công ty game lớn giới (như Gameloft) gia nhập vào thị trường Việt Nam, góp phần lớn vào phát triển tích cực ngành game Việt Ngành game sinh nhu cầu giải trí giới trẻ thiết bị cơng nghệ Và giới trẻ nguồn nhân lực quan trọng cho việc phát triển ngành game sau Vì lý này, em định chọn lập trình game làm định hướng cho việc học tập 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 chun nghiệp, em có dự định thực tập hè Vì vậy, em định chọn Gameloft - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Mai Anh Dinh LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Nextfunc 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, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm app mobile 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 biệt cảm ơn anh Lưu Xuân Hậu, training React Native, hướng dẫn, giúp đỡ cho chúng em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường 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 Mai Anh Dinh Mai Anh Dinh NHẬN XÉT CỦA KHOA Mai Anh Dinh Nội dung Chương 1: Giới thiêu công ty thực tập .6 Giới thiệu công ty Nextfunc 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 .7 Nghiên cứu kỹ thuật .7 2.1 Các công cụ làm việc .7 2.2 Tìm hiểu ngôn ngữ react .8 Thực project Lịch làm việc Chương 3: Chi tiết project 11 Dự án 2homes-owner: 11 1.1 Giới thiệu: 11 1.2 Các tính chính: 11 Dự án heynugget: .11 1.1 Giới thiệu: .11 1.2 Các tính chính: 11 1.3 Một vài hình: 11 TỔNG KẾT 15 Mai Anh Dinh Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty Nextfunc Gameloft thành lập năm 2014, công ty tư vấn phần mềm hướng đến giải pháp công nghệ sáng tạo Đối tượng khách hàng chủ yếu đến từ Âu, Mỹ, Singapore, với mục đích vươn đến tầm cao thơng qua công nghệ nhằm nâng cao suất lao động Sản phẩm công ty - TheDesk book : app với mục đích giúp người thiết kế khơng gian tốt - English Grammar test: app tiếng Anh hỗ trợ người dùng nhiều mặt Mai Anh Dinh Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình mobile với React Native” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình mobile cross-platform, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường lập trình chun nghiệ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, slack công việc… Kết : Hiểu thêm công ty Nextfunc, 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 : ngày Nội dung : Tìm hiểu cơng cụ sử dụng trình làm việc Mai Anh Dinh 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 Một số phần mềm số GitHub, VSCode,… Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE 2.2 Tìm hiểu ngơn ngữ react Thời gian : tuần Nội dung : Được training kỹ thuật react nâng cao, kiến thức quan trọng cho việc tối ưu Các kiến thức JS, React Native - Cơ JS: tìm hiểu es6 khác var, const let Closure Promise and async await Class react - JSX : (viết tắt cụm từ JavaScript XML) loại cú pháp mở rộng dành cho ngôn ngữ JavaScript viết theo kiểu XML JSX cung cấp cú pháp (syntactic sugar) để thay cho câu lệnh React createElement() - Cách react native hoạt động: Thay render DOM browser, React Native thông qua Bridge gọi Objective-C API để hiển thị lên iOS component, Java API để hiển thị Android component - Component lifecycle: chia làm giai đoạn lớn: o Mounting: giai đoạn component tạo ( gồm methods: constructor, render, componentDidmount) o Updating: giai đoạn component tạo liên tục cập nhật ( gồm methods ShouldComponentUpdate,render, componentDidUpdate) Mai Anh Dinh o Unmounting: giai đoạn component khơng cịn cần thiết unmounted( gồm methods: componentWillUnmount) o Error handling: xảy suốt q trình render có error ( gồm methods: componentDidCatch) - Style component react native Quản lí state thơng qua redux middleware Fetch data với restAPI Unit testing với jest Thực : - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học Kết : - Nâng cao kỹ lập trình - Có kiến thức quan trọng cho việc lập trình mobile sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực react native Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để tham gia vào dự án 2homes, Nugget Chi tiết đồ án nói phần sau Lịch làm việc Tuần Mức độ Cơng việc hồn thành - Tìm hiểu công 10/10 ty, cách tổ chức công ty - Làm quen với Nhận xét người hướng dẫn Mai Anh Dinh 10 2,3 - 6,7,8 9,10,11,12 công cụ làm việc công ty Học cách trao đổi, làm việc qua email, Slack Tìm hiểu ngơn ngữ lập trình js Thực hành js Làm JS Tìm hiểu react native Tìm hiểu quản lí global state, fetch API với rest API Tham gia dự án: 2homes 9/10 9/10 9/10 8/10 - Tham gia dự án: 9/10 heynugget Mai Anh Dinh 11 Chương 3: Chi tiết project Dự án 2homes-owner: 1.1.Giới thiệu: - 2homes phiên di động ứng dụng quản lí phịng khu vực nhỏ, app hướng tới mục đích quản lí phịng ban cơng ty 1.2 Các tính chính: - Cập nhật phịng - Xem tình trạng phòng - Thống kê phòng Dự án heynugget: 1.1 Giới thiệu: - Nugget ứng dụng di động giúp người dùng quản lí chi tiêu tốt với nhiều tính gợi ý budget dựa chi tiêu tại, thống kê chi phí ngày… 1.2 Các tính chính: - Thống kê giao dịch thơng qua việc liên kết ngân hàng ( Liên kết nhiều ngân hàng) - Dựa vào số chi tiêu, ứng dụng gợi ý quỹ tiêu dùng tuần nhằm giúp người dùng tạo thói quen tiết kiệm - Chỉnh sửa lại fund 1.3 Một vài hình: Mai Anh Dinh 12 Giao diện home: hiển thị budget tuần Mai Anh Dinh 13 Màn hình sync bank account: giúp người dùng kết nối với thiết bị mới, ngân hàng dễ dàng Mai Anh Dinh 14 Mai Anh Dinh 15 TỔNG KẾT Như vậy, năm gắn bó với cơng ty em hồn thành xong q trình thực tập mình, tuỳ thời gian khơng lâu đủ để em hiểu nhiều thứ tiếp tục phát triển thêm kĩ Em xin chân thành cảm ơn giúp đỡ anh chị Nextfunc giúp đỡ em cách nhiệt tình suốt trình thực tập làm việc đây, em cảm ơn Khoa công nghệ phần mềm tạo điều kiện cho em để học hỏi thêm nhiều kiến thức bổ ích để tiếp tục phát triển thêm thân Mai Anh Dinh ... Anh Dinh Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình mobile với React Native” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình mobile cross-platform, đồng thời... code cho chuẩn, dễ đọc, dễ hiểu Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực react native Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để... làm định hướng cho việc học tập 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è Vì vậy, em định chọn