Báo cáo thực tập xây dựng MOBILE APP quản lý ngày nghỉ phép

sCó 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 XÂY DỰNG MOBILE APP QUẢN LÍ NGÀY NGHỈ PHÉP Cơng ty thực tập: Công ty TMA Solutions Người phụ trách hướng dẫn: Trần Nhựt Minh Thực tập sinh: Bùi Tuấn Minh MSSV: 17520107 TP Hồ Chí Minh, 12 tháng năm 2021 LỜI MỞ ĐẦU Hiện tại, chứng kiến phát triển chóng mặt ngành cơng nghệ thơng tin thiết bị di động, hàng loạt ứng dụng thiết bị di động đời, kéo theo trào lưu chuyển đổi nghiệp vụ cũ sang tảng Điều có nghĩa khơng loại trừ nghiệp vụ quản lí Khi quản lí lúc thông tin lưu trữ không phức tạp ứng dụng di động lại trờ thành lợi nhu cầu thiết yếu cá nhân Ngành lập trình ứng dụng di động gần sinh với việc xuất thiết bị di động, thị trường thiết bị di động ngày phát triển hoàn thiện hơn, người dùng liên tục gia tăng Điều chứng minh lĩnh vực chưa lỗi thời Được tiếp cận từ sớm lớn lên với chúng, giới trẻ nguồn nhân lực quan trọng cho phát triển ngành lập trình ứng dụng di động sau Vì lý này, em định chọn lập trình ứng dụng di động làm định hướng cho việc học tập Sau ba năm học tập trường, để có thêm kinh nghiệm thực tế, muốn tham gia làm việc mơi trường chun nghiệp Vì vậy, em định chọn TMA Solutions - môi trường lý tưởng, đại - nơi giúp em thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TMA Solutions 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 anh chị nhóm, em tiếp thu kiến thức quan trọng để đảm nhiệm vị trí Mobile developer cho dự án thức công ty Chân thành cảm ơn anh chị nhóm bỏ nhiều thời gian, cơng sức để hướng dẫn em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Trần Nhựt Minh, người hướng dẫn trực tiếp hướng dẫn, hỗ trợ em nhiều kiến thức mới, giải thích chi tiết luồng hoạt động dự án, tận tình bảo em điểm khó, điểm cần lưu ý cách giải vấn đề phát sinh người trực tiếp đảm nhiệm dự án; đồng thời cảm ơn anh nhóm Pipeline dẫn em cách làm việc hiệu quả, giúp đỡ em gặp kiến thức mảng khác để em áp dụng vào dự án mà tham gia Mọi người nhiệt tình giúp em rèn luyện kỹ mềm mà nhân viên trách nhiệm thiếu mơi trường làm việc Bên cạnh đó, em cảm ơn anh chị Developer, QC, Business, PM suốt thời gian qua tin tưởng nhiệt tình làm việc em, bảo cho em khiếm khuyết dạy em nhiều kiến 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 hoàn thành học phần thực tập Sinh viên thực Bùi Tuấn Minh TpHCM, ngày 12 tháng 08 năm 2021 NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA .4 MỤC LỤC BẢNG HÌNH ẢNH CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 1.1 Giới thiệu Công ty TMA Solutions 1.2 Sản phẩm công ty 1.2.1 Dịch vụ .8 1.2.2 Lĩnh vực 1.2.3 Cơng nghệ 10 CHƯƠNG 2: NỘI DUNG THỰC TẬP .12 2.1 Tìm hiểu công ty kỹ công ty 12 2.2 Nghiên cứu kỹ thuật 12 2.2.1 Các công cụ làm việc 12 2.2.2 Tìm hiểu React Native 13 2.2.3 Tìm hiểu Expo Framework 14 2.2.3 Tìm hiểu Redux & Redux Toolkit 15 2.2.4 Xây dựng ứng dụng demo 16 2.2.5 Tham gia vào dự án thực .16 2.2.6 Tham gia vào dự án .17 2.3 Thực project 18 2.3.1 Lịch làm việc .18 CHƯƠNG 3: CHI TIẾT VỀ PROJECT .20 3.1 Giới thiệu dự án .20 3.1.1 Nội dung 20 3.1.2 Một số hình ảnh giao diện ứng dụng 22 3.2 Thực 27 3.2.1 Người thực 27 3.2.2 Quá trình thực 27 TỔNG KẾT 28 BẢNG HÌNH ẢNH Hình - 1: Màn hình đăng nhập .22 Hình - 2: Màn hình quên mật 23 Hình - 3: Màn hình dashboard .24 Hình - 4: Màn hình thơng tin cá nhân 25 Hình - 5: Chỉnh sửa thông tin cá nhân 26 CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 1.1 Giới thiệu Cơng ty TMA Solutions TMA Solutions (gọi tắt TMA, tiếng Việt: Công ty TNHH Giải Pháp Phần Mềm Tường Minh) công ty Việt Nam, kinh doanh dịch vụ liên quan đến phát triển phần mềm TMA thành lập từ năm 1997, công ty phần mềm hàng đầu Việt Nam với 2500 kỹ sư Khách hàng tập đồn cơng nghệ cao hàng đầu giới đến từ 27 nước TMA có chi nhánh Việt Nam (6 thành phố HCM thành phố Quy Nhơn) Phòng Trung tâm Đào Tạo TMA, Phòng Trung tâm Phát triển Sinh Viên, Phòng Trung tâm sáng tạo TMA 1.2 Sản phẩm công ty 1.2.1 Dịch vụ • Lập kế hoạch dự án (Project Planning): Lập kế hoạch dự án theo mục tiêu chiến lược khách hàng với giai đoạn triển khai theo thứ tự ưu tiên, Lập chương trình chuyển đổi số, chuyển qua mơ hình online, chuyển qua cloud… • Tư vấn (Solution Consulting): Phân tích hệ thống đề xuất giải pháp giúp công ty áp dụng công nghệ để nâng cao lực cạnh tranh hiệu hoạt động • Phát triển sản phẩm mẫu (Prototyping, Proof of Concept): Đánh giá tính khả thi ý tưởng, Phát triển sản phẩm mẫu thời gian ngắn • Nghiên cứu phát triển (R&D): Đánh giá thử nghiệm công nghệ phương pháp khác để đề xuất giải pháp khả thi phù hợp • Thiết kế giao diện (UX/UI Design): Thiết kế giao diện Web, smart phone,máy tính bảng, Cải tiến giao diện để tăng tính tương tác trải nghiệm người dùng • Phát triển phần mềm (Software Development): Phát triển phần mềm với công nghệ khác nhau, Nâng cấp phần mềm sẵn có • Kiểm thử phần mềm (Software Testing): Đánh giá chất lượng phần mềm với nhiều tiêu chí khác nhau, Kiểm thử tự động • Chuyển đổi hệ thống (Porting & Migration): Chuyển đổi hệ thống cũ sang công nghệ để tăng hiệu suất, Chuyển đổi liệu • Quản trị hệ thống (IT Managed Services): Tư vấn, thiết kế hệ thống mạng, máy tính, đường truyền, bảo mật, Quản trị máy chủ điện tốn đám mây, hỗ trợ bảo trì ứng dụng, Giải pháp điều hành giám sát hệ thống mạng (NOC - Network Operation Center), Giám sát hệ thống 24/24, Sửa chữa khắc phục cố, Dịch vụ bảo mật (Securiy Services) • Dịch vụ bảo mật (Sercurity Services): Kiểm tra, đánh giá cải tiến hệ thống an tồn thơng tin, Xây dựng hệ thống giám sát an ninh mạng (SOC - Security Operation Center), Nâng cấp chuẩn hóa hệ thống an tồn thơng tin 1.2.2 Lĩnh vực • Tài chính, Ngân hàng: Quản lý tài sản, Thị trường vốn, Quản lý quỹ, Quản lý dịng tiền, Phân tích tài chính, Quản trị tài doanh nghiệp, Thanh tốn qua thiết bị di động, Ví điện tử, Tích hợp tiện ích dịch vụ ngân hàng • Thương mại điện tử phân phối: Tư vấn, thiết kế, phát triển triển khai hệ thống phần mềm trọn gói thương mại điện tử, Quản lý hoạt động phân phối sản phẩm, Phân tích hành vi khách hàng, Dự báo doanh số, Điều phối quản lý điểm bán, Theo dõi, lưu trữ, tích hợp, quản lý phân tích liệu • Bất động sản: Xây dựng sàn giao dịch bất động sản, Tài lĩnh vực bất động sản, Tịa nhà thơng minh, Phân tích video, Số hóa vẽ xây dựng • Bảo hiểm: Quy trình bảo hiểm, Hỗ trợ bán bảo hiểm, Đào tạo bảo hiểm, Quản trị rủi ro, Phân tích liệu, Quản lý khách hàng Ngồi cơng ty cịn hoạt động nhiều lĩnh vực khác Sức khỏe & Y tế, Giáo dục, Viễn thông, sản xuất, Nông nghiệp chế biến thực phẩm, Cơng nghệ Ơ tơ, Vận tải & Logistics, Khách sạn & Du lịch 1.2.3 Công nghệ • Trí tuệ nhân tạo: Deep learning, Machine learning, Reinforcement learning, Image recognition, Pattern Recognition NLP • Ứng dụng điện thoại (Mobile): NFC, Bluetooth, Beacon, e-Pub3, pdf, mp3, mp4, 3D, OpenGL, OGRE 3D, Offline Map, Camera, SIP, RTP, SDP, M2M, Push Notification, Mobile DRM, QR Code, VoIP, MjSIP, PjSIP, iCloud, Dropbox, SkyDrive, BYOD, Mobile Security, OpenStreet Map, AR, Voice Recognition and Control, SMS, Soft Phone, Call Control, Linux kernel, Smart TV, … • Front-end: HTML5, CSS3, AngularJS, Bootstrap, NodeJS, ReactJS, ReactNative, Redux, … • Devops: CI/CD/DevOps, Jenkins, Docker, Ansible, Git, Maven, Chef, Bamboo • Phần mềm nhúng (Embeded software): FPGA, OS, MCU, Interface, Firmware & Device drivers, Wireless • Điện toán đám mây (Cloud): Amazon Web Services (AWS), MS Azure, SQL Azure, Azure Mobile, Signal R, Notification Hub, Azure Service Bus, Google Cloud Platform (GCP), Heroku, VMWare • IoT thiết bị thông minh: Smart Devices, Smart Camera, Drone, IoT Devices Testing, Smart Agriculture, Asset Tracking, Vehicle Tracking 10 Nâng cao kỹ lập trình với React Native Có kiến thức quan trọng cho việc lập trình ứng dụng crossplaform với React Native 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 2.2.3 Tìm hiểu Expo Framework Thời gian: ngày Nội dung: Tìm hiểu cách tích hợp Expo component vào dự án sử dụng react native Expo framework dùng để phát triển nhanh ứng dụng React Native Expo cung cấp lớp nằm React Native API để giúp chúng dễ sử dụng quản lý Nó cịn cung cấp cơng cụ giúp bạn dễ dàng khởi tạo kiểm thử ứng dụng React Native Sau cùng, cung cấp thành phần UI dịch vụ thường có sẵn bạn cài đặt thành phần React Native bên thứ ba Tất cung cấp thông qua Expo SDK Những điểm hạn chế sử dụng Expo: Expo hỗ trợ API mà Expo SDK hỗ trợ, có nghĩa là, ứng dụng viết cần tương tác với Bluetooh, vốn không hỗ trợ Expo SDK bạn phải viết code React Native luôn, tự viết thêm native code sử dụng thư viện ExpoKit Sử dụng Expo chết dính với toolset Một số đồ chơi không chạy với Expo, trường hợp cần xài tới, phải eject app khỏi Expo, mà eject ko thể có inject ngược lại Ứng dụng Expo build online Expo cung cấp công cụ command-line Exp, cho phép việc build lên Expo Server, hoàn tất, URL để download apk ipa Mặc dù nghe hạn chế, thực Expo mạnh, nhiều thứ hỗ trợ sẵn cho Android iOS Thực hiện: Làm thực hành, kiểm tra kiến thức học 14 Kết quả: Làm quen biết công dụng cách sử dụng công cụ phục vụ cơng việc 2.2.3 Tìm hiểu Redux & Redux Toolkit Thời gian: ngày Nội dung: Tìm hiểu thư viện Redux cơng cụ Redux Toolkit, cách tích hợp vào dự án sử dụng React Native Redux định nghĩa predictable state management tool dành riêng cho ứng dụng Javascript Redux se hỗ trợ viết ứng dụng hoạt động cách quán, chạy môi trường khác dễ kiểm thử Actions: Có thể hiểu Actions kiện cách truyền liệu từ ứng dụng đến Redux store Các liệu xuất thông qua tương tác user qua ứng dụng, API từ Form Submission Reducers: Reducers function dạng nguyên thủy chúng thường lấy state ứng dụng Từ đó, thực action trả dạng state Các states lưu trữ objects chúng định rõ state ứng dụng thay đổi phản hồi action gửi đến store Store: Store nơi lưu trạng thái ứng dụng ứng dụng Redux Thực hiện: Đọc document từ trang chủ Redux vài viết tham khảo blogger Tham khảo từ chia sẻ mentor Làm sản phẩm demo 15 Kết quả: Hiểu cách thức hoạt động Redux Biết cách tích hợp vào ứng dụng sử dụng công nghệ React Native 2.2.4 Xây dựng ứng dụng demo Thời gian: 12 ngày Nội dung: Xây dựng ứng dụng quản lý cửa hàng bán thức ăn thiết bị di động, áp dụng kiến thức học Thực hiện: Tìm hiểu yêu cầu, lập lên bảng yêu cầu chi tiết đề giải pháp cho vấn đề phát sinh Thiết kế mơ hình tổng thể phần mềm, Xây dựng ứng dụng Kiểm thử sửa đổi, tối ưu hóa tốc độ xử lý Kết quả: Hiểu quy trình để xây dựng ứng dụng Tự tìm hiểu yêu cầu, đưa giải pháp xử lý lập kế hoạch cụ thể 2.2.5 Tham gia vào dự án thực Thời gian: 14 ngày Nội dung: Tham gia trực tiếp vào dự án thực học hỏi kiến thức thực tế từ team Cách team, phận làm việc với dự án thực tế Nắm trình tự phận làm việc với nhau, từ phận Business, đến Product, sang IT từ lúc sản phẩm test sản phẩm lên production 16 Cách giải có vấn đề xuất trình làm việc Cách đọc file tài liệu mô tả dự án: Đọc file API để biết dịch vụ cần thể thông tin gì, cần lấy thơng tin gì, hiển thị lên hình cho người dùng cho hợp lý Đọc file tài liệu đối tác để hiểu rõ quy trình nghiệp vụ đối tác để đảm bảo sản phẩm theo yêu cầu Thực hiện: Đóng góp ý kiến thấy vấn đề xử lý nội chưa hợp lý Mạnh dạn hỏi, trao đổi đề xuất ý kiến với phận liên quan team dự án Chỉnh sửa tài liệu sau team thống ý kiến gửi cho người hướng dẫn xem xét trước đưa cuối cho team Kết quả: Biết cách đọc tài liệu hiệu quả, lưu ý điểm cần có Hồn thành việc chỉnh sửa tài liệu cho dịch vụ thực 2.2.6 Tham gia vào dự án Thời gian: 14 ngày Nội dung: Trực tiếp tham gia lập trình hình theo yêu cầu Tìm hiểu API file tài liệu: Đọc file API để biết thông tin cần thể lên hình cho người dùng Đọc file tài liệu để nắm nghiệp vụ, cách thể thông tin API Vẽ wireframe thể thông tin lên hình Viết tài liệu cho dịch vụ Lập trình hình theo thiết kế thống 17 Thực hiện: Vẽ wireframe cho dịch vụ Figma Viết tài liệu cho dịch vụ, gửi cho người hướng dẫn xem xét gửi mail xác nhận thức cho team developer thực cài đặt dự án theo tài liệu, QC test dự án theo tài liệu gửi Kết quả: Đã tự xây dựng hình từ bước 2.3 Thực project Sau hai tuần tìm hiểu kiến thức mới, thơng qua thực hành thực tập sinh nắm kiến thực React Native Trong tuần lại, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để tham gia vào project mobile app quản lí Chi tiết dự án nói phần sau 2.3.1 Lịch làm việc Tuần Cơng việc Người hướng dẫn - Tìm hiểu cơng ty, cách tổ chức Trần Nhựt Minh Mức độ hoàn thành 100% công ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua Zimbra Skype Trần Nhựt Minh 100% - HTML, CSS, Javascript & Practice Trần Nhựt Minh 100% - Typescript Trần Nhựt Minh 100% - Training plan - Agile - Demo CRUD - React Native Basic + React Router Native & Practice 18 Trần Nhựt Minh 100% - Redux & Redux Toolkit & Practice Trần Nhựt Minh 100% - Sharing Teamwork skills Trần Nhựt Minh 100% Trần Nhựt Minh 100% Trần Nhựt Minh 100% Trần Nhựt Minh 100% Trần Nhựt Minh 100% Trần Nhựt Minh 100% - Expo Framework & Practice - Nativebase UI Library - List item page - Cart page - Account & Login page - Manage account information feature - Account info screen - Edit info screen - Edit avatar - Validation - Mark * for required fields - Dashboard 10 11 12 - Navigation - Fix bugs - Integrate Firebase Cloud Messaging - Auto send SMS - List notification history - Fix bugs 19 CHƯƠNG 3: CHI TIẾT VỀ PROJECT 3.1 Giới thiệu dự án Với đề tài “Xây dựng ứng dụng mobile quản lý ngày nghỉ phép”, trainee phải phát triển ứng dụng mobile tập trung vào việc quản lý ngày nghỉ phép Đây ứng dụng cho doanh nghiệp tạo bán gói dịch vụ, mua chia sử dụng nội (ngang hàng) tiếp tục sang nhượng tạo phân cấp theo mơ hình tam giác Tất nhiên phân chia có điểm dừng cấp Với việc bán lại gói dịch vụ phải đảm bảo tuân theo policy cấp trên, bị giới hạn số quyền quản lí 3.1.1 Nội dung Danh sách tác nhân hệ thống: STT Tên tác nhân Ý nghĩa SuperAdmin Là người quản lí tồn quyền dự án, chịu trách nhiệm kiểm soát tất sản phẩm, cấp bậc mơ hình Tenant Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ Account Người quản trị sản phẩm mà sử dụng Các tính chính: Ý nghĩa STT Use case Đăng nhập quản lí tài Cho phép người dùng truy cập vào hệ thống Sửa khoản đổi mật thông tin cá nhân 20 ngôn ngữ phù hợp Roles and Permission Phân quyền cho tài khoản kèm với mức độ truy cập, quản lí tài khoản Dashboard Thống kê kết quản lí nhiều dạng đồ thị User Management Quản lí thơng tin nhân viên thông tin lịch làm việc họ Leave Management Quản lí việc nghỉ phép nhân viên chi tiết thông tin 21 3.1.2 Một số hình ảnh giao diện ứng dụng Hình - 1: Màn hình đăng nhập 22 Hình - 2: Màn hình quên mật 23 Hình - 3: Màn hình dashboard 24 Hình - 4: Màn hình thơng tin cá nhân 25 Hình - 5: Chỉnh sửa thơng tin cá nhân 26 3.2 Thực 3.2.1 Người thực - Phát triển sản phẩm: thực tập sinh Bùi Tuấn Minh hướng dẫn anh Trần Nhựt Minh - Cùng team thuộc Công nghệ thông tin, PM, Business, … 3.2.2 Quá trình thực Giai đoạn Thảo luận Demo - Trao đổi với mentor để thống cơng nghệ sử dụng - Tìm hiểu cơng nghệ Kết : - Sử dụng React Native để phát triển ứng dụng mobile Giai đoạn Phát triển Test - PM trao đổi với đối tác để làm tài liệu API nghiệp vụ đối tác, sau thực phát thảo hồn thành tài liệu đặc tả yêu cầu cho team - Trong suốt trình Developer cài đặt phát triển dịch vụ, theo dõi tiến độ thực trao đổi với đối tác trao đổi nội có vấn đề phát sinh Chốt phương án Developer tiếp tục phát triển dự án - Sau Developer hoàn thành phần cài đặt dịch vụ, QC thực test dịch vụ Lúc PM liên hệ đối tác để lấy thông tin test, giải đáp thắc mắc cho QC có - Sau QC hoàn thành test, gửi ngược lại cho PM nghiệm thu Sau PM xác nhận nghiệm thu thành công quay giai đoạn thảo luận cho Sprint Kết - Hồn thành cơng việc cần thiết theo yêu cầu đề thời hạn để deploy cho khách hàng ứng dụng mobile thực nghiệm 27 TỔNG KẾT Như vậy, vòng tháng thực tập, em học nhiều kiến thức từ góc nhìn hồn tồn khác với góc nhìn sinh viên cịn ngồi ghế nhà trường Từ có cách suy nghĩ thiết kế sản phẩm mẻ, phù hợp với thực tế, dựa theo nhu cầu người dùng từ hướng nhìn Product Developer không suy nghĩ giả lập trường hợp hướng nhìn sinh viên chưa có kinh nghiệm Từ cách suy nghĩ tìm hướng giải vấn đề, việc thực giải pháp để team thực Trong suốt q trình đó, khơng q ngắn khơng q dài, em ln có đồng hành hỗ trợ từ anh chị team Enterprise nói riêng, anh chị TMA Innovation Center nói chung Em chân thành cảm ơn giúp đỡ q báu để em hồn thành tập cách sn sẻ trọn vẹn 28 ... 3.1 Giới thiệu dự án Với đề tài ? ?Xây dựng ứng dụng mobile quản lý ngày nghỉ phép? ??, trainee phải phát triển ứng dụng mobile tập trung vào việc quản lý ngày nghỉ phép Đây ứng dụng cho doanh nghiệp... quả: Đã tự xây dựng hình từ bước 2.3 Thực project Sau hai tuần tìm hiểu kiến thức mới, thơng qua thực hành thực tập sinh nắm kiến thực React Native Trong tuần lại, trainer hướng dẫn thực tập sinh... tử, Quản lý hoạt động phân phối sản phẩm, Phân tích hành vi khách hàng, Dự báo doanh số, Điều phối quản lý điểm bán, Theo dõi, lưu trữ, tích hợp, quản lý phân tích liệu • Bất động sản: Xây dựng