Tài liệu Báo cáo thực tập react native trong lập trình ứng dụng di động

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 REACT NATIVE TRONG LẬP TRÌNH ỨNG DỤNG DI ĐỘNG Công ty thực tập : Công ty TNHH Thế Giới Di Động Người phụ trách : Nguyễn Vĩnh Tuấn Thực tập sinh : Nguyễn Văn Hoài Nam TP. Hồ Chí Minh, tháng 6 năm 2022 LỜI MỞ ĐẦU Lời đầu tiên em xin chân thành cảm ơn đến Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động đã tạo điều kiện cho em được thực tập tại công ty để có thể tìm hiểu và thực hành trực tiếp trên các công cụ và phần mềm của Công ty cũng như là quá trình tham gia học hỏi tìm hiểu sâu về cách hoạt động phần mềm. Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động là là một tập đoàn bán lẻ tại Việt Nam với một đội ngũ nhân viên chuyên nghiệp và uy tín. Bằng trải nghiệm về thị trường điện thoại di động, cùng với việc nghiên cứu kỹ, thegioididong.com đã xây dựng một phương thức kinh doanh chưa từng có ở Việt Nam trước đây. Công ty đã xây dựng được một phong cách tư vấn bán hàng đặc biệt nhờ vào một đội ngũ nhân viên chuyên nghiệp và trang web www.thegioididong.com hỗ trợ như là một cẩm nang về điện thoại di động và một kênh thương mại điện tử hàng đầu tại Việt Nam. Sau 6 tháng thực tập tại Công ty, em đã được huấn luyện, trải nghiệm với các phương pháp làm việc mới mẻ cùng với những kiến thức đã học trên ghế nhà trường, từ đó biết được cách thức hoạt động của công ty, có thêm nhiều kinh nghiệm trong công việc. LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động (Mobile World Co. Ltd) đã tạo điều kiện cho em có cơ hội được thực tập tại công ty. Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của của các anh chị, em đã tiếp thu được những kiến thức quan trọng để có thể làm được một sản phẩm phần mềm mang lại giá trị cho công ty. Chân thành cảm ơn các anh chị đã bỏ ra 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 này. Em xin chân thành cảm ơn anh Nguyễn Vĩnh Tuấn – Trường phòng lập trình di động, toàn thể các anh chị tại Công ty đã giúp đỡ, hỗ trợ em trong suốt 25 tuần thực tập vừa qua. MỤC LỤC CHƯƠNG 1. GIỚI THIỆU VỀ CÔNG TY THỰC TẬP.......................................................... 9 1.1. Giới thiệu chung về công ty ......................................................................................... 9 1.2. Về cơ sở vật chất ........................................................................................................ 12 1.3. Về lĩnh vực hoạt động ................................................................................................ 15 1.4. Một vài chuỗi thương hiệu của công ty ..................................................................... 17 1.5. Kết luận chương 1 ...................................................................................................... 17 CHƯƠNG 2. NỘI DUNG THỰC TẬP ................................................................................... 18 2.1. Tìm hiểu ASP.NET MVC .......................................................................................... 18 2.1.1. Giới thiệu ASP.NET ............................................................................................ 18 2.1.3. Ưu điểm và nhược điểm của................................................................................ 22 Ưu điểm ............................................................................................................................. 22 So sánh với PHP ................................................................................................................ 22 Ưu điểm của ASP.NET ..................................................................................................... 22 Nhược điểm ....................................................................................................................... 23 2.2. Tổng quan về Quan hệ Khách Hàng .......................................................................... 23 2.2.1. Giới thiệu ............................................................................................................. 23 2.2.2. Lợi ích CRM với doanh nghiệp .......................................................................... 24 2.2.3. Phân hệ chăm sóc khách hàng ............................................................................. 25 2.3 Thời gian thực tập....................................................................................................... 26 3.1. Nội dung chi tiết project ............................................................................................. 27 3.1.1. Tháng 1: Tìm hiểu khái niệm về C#, Web framework, Các tool Database (Dbeaver, oracle...) ............................................................................................................ 27 3.1.2. Tháng 2: Tiếp cập task khảo sát khách hàng thông qua sms .............................. 28 3.1.3. Tháng 3: Task hồ sơ trả góp online với các đối tác ............................................ 30 3.2 Kết quả luyện tập ........................................................................................................ 32 3.2.1. Tháng 1: Tìm hiểu khái niệm về C#, Web framework, Các tool Database (Dbeaver, oracle...) ............................................................................................................ 32 3.2.2. Tháng 2: Tiếp cập task khảo sát khách hàng thông qua sms .............................. 32 3.2.3. Tháng 3: Task hồ sơ trả góp online với các đối tác ............................................ 34 3.3. Kết luận chương 3.......................................................................................................... 35 TÀI LIỆU THAM KHẢO........................................................................................................ 37 TỔNG KẾT .............................................................................................................................. 38 NHẬN XÉT CỦA KHOA ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... ........................................................................................................................................... .......................................................................................................................................... CHƯƠNG 1. GIỚI THIỆU VỀ CÔNG TY THỰC TẬP 1.1. Giới thiệu chung về công ty Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động (Mobile World Co. Ltd) thành lập vào tháng 03/2004, lĩnh vực hoạt động chính của công ty bao gồm: mua bán sửa chữa các thiết bị liên quan đến điện thoại di động, thiết bị kỹ thuật số và các lĩnh vực liên quan đến thương mại điện tử. Bằng trải nghiệm về thị trường điện thoại di động, cùng với việc nghiên cứu kỹ, thegioididong.com đã xây dựng một phương thức kinh doanh chưa từng có ở Việt Nam trước đây. Công ty đã xây dựng được một phong cách tư vấn bán hàng đặc biệt nhờ vào một đội ngũ nhân viên chuyên nghiệp và trang web www.thegioididong.com hỗ trợ như là một cẩm nang về điện thoại di động và một kênh thương mại điện tử hàng đầu tại Việt Nam. Hình 0.1 Hành trình phát triển MWG Hình 0.2 Giá trị cốt lõi của MWG Hiện nay, số lượng điện thoại bán ra trung bình tại thegioididong.com chiếm khoảng 15% thị phần điện thoại chính hãng cả nước. Trở thành nhà bán lẻ số 1 Việt Nam về doanh số laptop bán ra và đứng đầu cả nước về doanh thu/ lợi nhuận, với mạng lưới hơn 4.500 cửa hàng trên toàn quốc. MWG vận hành các chuỗi bán lẻ thegioididong.com, Điện Máy Xanh, Bách Hoá Xanh. Ngoài ra, MWG còn mở rộng ra thị trường nước ngoài với chuỗi bán lẻ thiết bị di động và điện máy tại Campuchia cũng như đầu tư vào chuỗi nhà thuốc An Khang. Năm 2020, thành viên mới của MWG là 4KFarm ra đời với mục tiêu cung cấp cho người tiêu dùng thực phẩm an toàn theo chuẩn 4 không (không thuốc trừ sâu, không chất bảo quản, không chất tăng trưởng, không sử dụng giống biến đổi gen). - MWG tập trung xây dựng dịch vụ khách hàng khác biệt với chất lượng vượt trội, phù hợp với văn hoá đặt khách hàng làm trung tâm trong mọi suy nghĩ và hành động của công ty. - MWG vinh dự khi liên tiếp lọt vào bảng xếp hạng TOP 50 công ty niêm yết tốt nhất Châu Á của tạp chí uy tín Forbes và là đại diện Việt Nam duy nhất trong Top 100 nhà bán lẻ hàng đầu Châu Á – Thái Bình Dương do Tạp chí bán lẻ châu Á (Retail Asia) và Tập đoàn nghiên cứu thị trường Euromonitor bình chọn. - MWG nhiều năm liền có tên trong các bảng xếp hạng danh giá như TOP 500 nhà bán lẻ hàng đầu Châu Á – Thái Bình Dương (Retail Asia) và dẫn đầu TOP 50 công ty kinh doanh hiệu quả nhất Việt Nam (Nhịp Cầu Đầu Tư)… Sự phát triển của MWG cũng là một điển hình tốt được nghiên cứu tại các trường Đại học hàng đầu như Harvard, UC Berkeley, trường kinh doanh Tuck (Mỹ). Không chỉ là một doanh nghiệp hoạt động hiệu quả được nhìn nhận bởi nhà đầu tư và các tổ chức đánh giá chuyên nghiệp, MWG còn được người lao động tin yêu khi lần thứ 4 liên tiếp được vinh danh trong TOP 50 Doanh nghiệp có môi trường làm việc tốt nhất Việt Nam và là doanh nghiệp xuất sắc nhất tại giải thưởng Vietnam HR Awards – “Chiến lược nhân sự hiệu quả”. Hình 0.2 Thống kê số lượng nhân viên MWG Hình 0.3 Giai đoạn phát triển MWG 1.2. Về cơ sở vật chất Có bề dày hơn 15 năm phát triển, Tập đoàn Thế Giới Di Động (MWG) là nhà bán lẻ số 1 Việt Nam về doanh thu và lợi nhuận, với mạng lưới hơn 2200 cửa hàng trên toàn quốc. MWG vận hành các chuỗi bán lẻ thegioididong.com, Điện Máy Xanh, Bách Hoá Xanh. Ngoài ra, MWG còn mở rộng ra thị trường nước ngoài với chuỗi bán lẻ thiết bị di động Bigphone tại Campuchia. Đằng sau hệ thống siêu thị trải dài trên 63 tỉnh thành, khối văn phòng của tập đoàn Thế Giới Di Động cũng đồ sộ không kém. Hình 1. 1 Văn phòng làm việc của Công ty tại cơ sở chính Tọa lạc tại khu công nghệ cao Quận 9 thành phố Hồ Chí Minh, tòa nhà MWG đang là trụ sở chính làm việc của Ban lãnh đạo và “dân văn phòng” MWG. Tòa nhà MWG với lối thiết kế hiện đại, không gian mở, khuyến khích phong cách làm việc linh hoạt, năng động và sáng tạo cho nhân viên. Tòa nhà có 13 lầu, với đầy đủ trang thiết bị và cơ sở vật chất phục vụ cho hơn 2000 cư dân văn phòng MWG ( khu vực HCM). Hình 1. 2 Tổng quan tầng trệt Quầy lễ tân nổi bật với logo đặc trưng của Thế Giới Di Động. Không gian bài trí mở thông thoáng, không có vách ngăn và xen lẫn cây xanh để nhân viên có thể thoải mái ngồi ở bất kỳ đâu để làm việc hoặc vừa có thể giải trí/ thư giãn khi căng thẳng stress. Hình 1. 3 Bàn làm việc chung 1.3. Về lĩnh vực hoạt động Hình 2.1 Tổng quan thế giới di động Hình 2.2 Tổng quan Điện máy xanh Hình 2.3 Tổng quan Bách Hóa Xanh Hình 2.4 Tổng quan Bluetronics Hình 2.5 Tổng quan 4KFảm 1.4. Một vài chuỗi thương hiệu của công ty ● Thế Giới Di Động : https://www.thegioididong.com/ ● Điện máy xanh : https://www.dienmayxanh.com/ ● Bách Hóa Xanh : https://www.bachhoaxanh.com/ ● Thuốc AN KHANG : https://www.nhathuocankhang.com/ ● BlueTronics : https://www.bluetronics.com/ ● Tận Tâm : https://www.dichvutantam.com/ ● 4Kfarm : https://www.4kfarm.com/ ● TopZone : https://www.topzone.vn/ 1.5. Kết luận chương 1 Chương này giới thiệu tổng quát về các thông tin cơ bản bao gồm quá trình hình thành, phát triển, nguồn nhân lực, các chi nhánh và lĩnh vực hoạt động của công ty TNHH Thế Giới Di Động cùng với những sản phẩm mà Công ty đã xây dựng cho khách hàng. Trong chương tiếp theo (Chương 2) sẽ giới thiệu về các công nghệ (React Native) , mô tả chi tiết từng tuần quá trình thực tập tại công ty và kết quả đạt được sau mỗi tuần CHƯƠNG 2. NỘI DUNG THỰC TẬP 2.1. Tìm hiểu React Native 2.1.1. Giới thiệu React Native Hình 5: Biểu tượng React Native React Native là một Framework Javascript giúp ta viết các ứng dụng Native do Facebook phát hành. React Native sử dụng cùng thiết kế như React (một thư viện Javascript để viết UI trên nền web). Với React Native bạn có thể phát triển những ứng dụng trên cả hai hệ điều hành Android và iOS. Tháng 3 năm 2015, React Native chính thức trở thành mã nguồn mở. Một số ứng dụng React Native nổi tiếng như: Facebook, Instagram, Airbnb, Skype, … Homepage: https://facebook.github.io/react-native/ 2.1.2. Cách thức React Native hoạt động Hình 6: So sánh Virtual DOM và Browser DOM Virtual DOM: Công nghệ Virtual DOM được React sử dụng để làm tăng hiệu năng khi có sự thay đổi cần phải render lại UI. Thay vì phải thực hiện render lại toàn bộ DOM Tree khi có sự thay đổi (điều này thực sự rất tốn kém), thì React dùng Virtual DOM là một JavaScript object, c hứa đầy đủ thông tin cần thiết để tạo ra một DOM. Khi có sự thay đổi, các thay đổi trên DOM sẽ được tính toán, phân tích và tối ưu trước ở trên Virtual DOM, sau đó mới cập nhật lại trên DOM ở những node thật sự được thay đổi, thay vì toàn bộ DOM Tree. Với React Native thay vì render DOM của browser, thì nó sẽ gọi Objective - C API để hiển thị lên iOS component hoặc Java API để hiển thị Android component Hình 7: Vị trí Bridge giữa React Native và Native Bridge: là cầu nối giữa các React Component với native UI element tương ứng ví dụ như View có thể là iOS UIView 2.1.3. Ưu điểm và nhược điểm của Ưu điểm: - Hiệu quả về mặt thời gian khi mà bạn muốn phát triển một ứng nhanh chóng - Hiệu năng ổn định - Xây dựng được cho nhiều hệ điều hành khác nhau với ít native code nhất Trải nghiệm người dùng tốt hơn hydrid app. Nhược điểm: - Vẫn đòi hỏi native code - Hiệu năng thấp hơn với app thuần native code nhất - Khả năng tùy biến không thực sự tốt đối với một vài module 2.2. Các thư viện quan trọng - React Navigation: thư viện để xử lý điều hướng trong ứng dụng, tạo Drawer, Tabbar Component - React Native Vector Icons: thư viện dùng để thêm các Icon vào ứng dụng - React Native Maps: thư viện để tích hợp Google Maps vào ứng dụng -React Redux: Redux là 1 thư viện Javascript để quản lý state của ứng dụng, thường được sử dụng với javascript framework như React. 2.3 Thời gian thực tập Thời gian thực tập ở công ty ● Từ thứ 2 đến thứ 6 trừ thời gian học trên trường ● Sáng từ 8h – 12h ● Chiều từ 13h – 17h CHƯƠNG 3. CHI TIẾT VỀ PROJECT 3.1. Nội dung chi tiết project - Xây dựng một hệ thống các ứng dụng di động dành riêng cho các thành viên MWG 3.1.1. Tháng 1: Tìm hiểu khái niệm về React Native, React Navigation, React Redux, Firebase,…. Tuần STT (1/7-1/8) 2021 Nội dung thực tập 1 Tuần 1 + Giới thiệu công ty, chương trình thực tập, cách thức hoạt động, cách tính điểm thực tập, Q&A. + Khảo sát đầu vào để phân loại nhóm training phù hợp theo kế hoạch của công ty. + Tham khảo ứng dụng có sẵn của hệ thống . + Tìm hiểu React Natve, các tool git, các hệ quản trị cơ sở dữ liệu. 2 Tuần 2 + Cấp tài khoản VPN, truy cập các phần mềm công ty + Nghiên cứu hệ thống của phòng ban Lập trình hệ thống hiện có 3 Tuần 3 4 Tuần 4 + Được cấp tài khoản gitlab, truy cập code, nghiên cứu cấu trúc code của công ty + Tìm hiểu vài module sắp tới sẽ thực hiện + Tiếp cận task chỉnh sửa lại luồng hệ thống code. Bảng 3.1. Nội dung chi tiết thực tập tuần 1 3.1.2. Tháng 2: Tiếp cập task thiết kế module Face MWG Tuần STT (1/8-1/9) 2021 Nội dung thực tập