Báo cáo thực tập lập trình ứng dụng trên nền tảng iOS

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -o0o- BÁO CÁO THỰC TẬP LẬP TRÌNH ỨNG DỤNG TRÊN NỀN TẢNG iOS Công ty thực tập : STYL Solutions Pte Ltd Người phụ trách : Nguyễn Văn Trung Thực tập sinh : Phạm Thị Hồng Mai HỒ CHÍ MINH – tháng 07 năm 2020 LỜI MỞ ĐẦU Ngày nay, điện thoại thông minh ngày phát triển trở nên phổ biến, kéo theo phát triển thần tốc ứng dụng di động Theo thông tin đến từ công ty nghiên cứu thị trường Annie, đến năm 2022, người tiêu dùng chi khoảng 157 tỉ USD cho ứng dụng hàng năm Con số khẳng định ngành cơng nghiệp ứng dụng di động phận thiếu ngành cơng nghiệp phần mềm Khơng nằm ngồi chơi, Việt Nam tích cực nỗ lực phát triển ngành công nghiệp ứng dụng di động phát triển mạnh mẽ, để hịa nhập với cơng ty hàng đầu lập trình ứng dụng giới Lĩnh vực lập trình ứng dụng di động phát triển bắt kịp xu hướng phát triển chung, đáp ứng tốt nhu cầu, đòi hỏi thực tế người Vì em đinh lựa chọn lập trình ứng dụng điện thoại, cụ thể tảng iOS để tìm hiểu định hướng cho việc học nghề nghiệp sau Sau trình học tập, lĩnh hội nhiều kiến thức tảng bổ ích từ thầy cơ, để ứng dụng vào thực tế, tích lũy kinh nghiệm cho thân Em lựa chọn STYL Solutions Pte Ltd để vận dụng kiến thức học vào thực tế làm quen với môi trường làm việc chuyên nghiệp LỜI CẢM ƠN Trân trọng gửi lời cảm ơn STYL Solutions Pte Ltd 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 Ân (Leader) anh Trung (Mentor), em tiếp thu kiến thức quan trọng nhiều kinh nghiệm quý báu để làm ứng dụng di dộng Chân thành cảm ơn anh Ân, anh Trung anh chị nhóm Mobile bỏ nhiều thời gian, cơng sức giúp đỡ em hoàn thành đợt thực tập Đặc biệt cảm ơn lòng biết ơn sâu sắc tới anh Nguyễn Văn Trung, training iOS, hướng dẫn, giúp đỡ cho 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 việc tiếp cận kiến thức công nghệ, kỹ tư lập trình tư sản phẩm để làm sản phẩm thời gian qua Em 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 Phạm Thị Hồng Mai Hồ Chí Minh, ngày 29 tháng 07 năm 2020 NHẬN XÉT MỤC LỤC Chương GIỚI THIỆU CÔNG TY THỰC TẬP 1.1 Giới thiệu STYL Solutions Pte Ltd 1.2 Sản phẩm công ty 1.3 Lịch làm việc thực tập công ty Chương NỘI DUNG THỰC TẬP 2.1 Tìm hiểu cơng ty kỹ công ty 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc 2.2.2 Git/ Git flow 2.2.3 Coding Convention 2.3 Thực dự án 13 2.4 Lịch làm việc 13 Chương CHI TIẾT PROJECT 15 3.1 Giới thiệu ứng dụng 15 3.2 Thực 15 3.2.1 Màn hình Login 16 3.2.2 Màn hình Home 17 3.2.3 Màn hình Edit Profile Picture 18 3.2.4 Màn hình Food List 20 3.2.5 Màn hình Ratings 21 3.2.6 Màn hình Settings 22 3.2.7 Màn hình Rate Food 23 3.2.8 Màn hình Sign out 24 3.2.9 Các hình phụ 24 Chương KẾT QUẢ ĐẠT ĐƯỢC 26 Chương TÀI LIỆU THAM KHẢO 27 MỤC LỤC ẢNH Hình 1.1 Logo cơng ty STYL Solutions Pte Ltd Hình 1.2 Maui-Dolphin (MD2) Hình 1.3 Maui-Dolphin (MD2) Hình 1.4 BLUEFIN LITE Hình 1.5 YELLOWFIN TRANSIT Hình 1.6 021 READER with LED Hình 1.7 Swordfish Mini Hình 1.8 Kiosk CHƯƠNG 1.1 GIỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu STYL Solutions Pte Ltd Hình 1.1 Logo cơng ty STYL Solutions Pte Ltd STYL Solutions thành lập vào năm 2008 với thành viên Hiện cơng ty có 80 nhân viên, mở rộng chi nhánh Singapore, Việt Nam với đại diện đối tác khắp Châu Á Tầm nhìn: Simplifying Technologies for Your Lifestyle Sứ mạng: Đưa FINTECH IoT vào ứng dụng sống hàng ngày, tạo môi trường thông minh hiệu giúp nâng cao chất lượng sống cho tất người Mảng tập trung phát triển: Tạo giải pháp với tốn cơng nghệ IoT giúp sống tất người tốt 1.2 Sản phẩm công ty Sản phẩm công ty chia thành nhóm chính: − Sản phẩm đeo: o Thiết bị đeo hỗ trợ toán không tiếp xúc phục vụ thiết bị an toàn sức khỏe cho trẻ em, thiếu niên, người lớn người già Tất thiết bị đeo hoạt động với ứng dụng di động DELPHINUS xây dựng STYL o Sản phẩm: Maui-Dolphin (MD4), Maui-Dolphin (MD2) Hình 1.2 Maui-Dolphin (MD2) Hình 1.3 Maui-Dolphin (MD2) − Máy đọc: o Thiết bị IoT toán chéo thị trường: ▪ Các thiết bị toán IoT STYL thiết kế phát triển nội bộ, tỉ mỉ Máy đọc hỗ trợ tốn EMV khơng tiếp xúc nhờ vào tính linh hoạt mã QR toán Bluetooth ▪ Sản phẩm: BLUEFIN LITE, YELLOWFIN TRANSIT COMBO, TRANSIT READER, ORCA NFC Hình 1.4 BLUEFIN LITE Hình 1.5 YELLOWFIN TRANSIT o Đầu đọc thẻ linh hoạt: ▪ Đầu đọc máy tính để bàn hỗ trợ USB với hiệu suất đọc tuyệt vời để phù hợp với ứng dụng đọc thẻ (NFC / RFID) ▪ Sản phẩm: HMU108, 021 READER with LED Hình 1.6 021 READER with LED − Self-service: o Thiết bị toán IoT: ▪ Giải pháp tốn, giám sát phân tích cho ứng dụng bán hàng tự động tự phục vụ ▪ Sản phẩm: Bluefin 2, Swordfish Mini, Bluefin VM Hình 1.7 Swordfish Mini o Kiosk dịch vụ tự động: o Not Preferred: Kết quả: Nắm coding convention Áp dụng vào code để giúp code đẹp dễ đọc 2.3 Thực dự án Sau tìm hiểu cơng ty, cách tổ chức làm việc Anh Trung giao cho em thực ứng dụng STYL FOOD để nhân viên công ty sử dụng 2.4 Lịch làm việc Tuần Công việc Người hướng Mức độ Nhận xét dẫn Tìm hiểu cơng ty, cách làm Mr việc Ân, Trung Mr Tìm hiểu, Hồn thành học tập Tìm hiểu kỹ thuật Hiện thực LauchScreen Sử dụng storyboard thực Mr Trung Áp dụng Hoàn thành Áp dụng Hoàn thành thiết kế Login, Home Hoàn thiện tất thiết kế UI Mr Trung 13 Chuyển thiết kế từ storyboard Mr Trung Áp dụng Hoàn thành Áp dụng Hoàn thành Áp dụng Hoàn thành Áp dụng Hoàn thành Áp dụng Hoàn thành Áp dụng Hoàn thành cho Mr Trung Áp dụng Hoàn thành Hiện thực unit test cho Login Mr Trung Áp dụng Hoàn thành Sửa lỗi unit test, thực Mr Trung, Mr Áp dụng Hoàn thành sang code, sửa lỗi thiết kế, thêm hiệu ứng Chuyển code sang mơ hình Mr Trung MVC, thực chức trang Home, fetching data với JSONDecoder Sửa lỗi sau anh Mentor Mr Trung review, call API, chuyển sang sử dụng Firebase để lưu liệu Sửa lỗi UI, constraint, Mr Trung thực chức ViewController khác Tối ưu hoá code, thêm Mr Trung animation cho component Lưu liệu vào firebase, Mr Trung chuyển phần mô hình MVC thành mơ hình MVVM 10 Thêm unit test HomeViewController 11 service 12 máy thật, review lại Ân trình thực tập 14 CHƯƠNG 3.1 CHI TIẾT PROJECT Giới thiệu ứng dụng Ứng dụng phát triển nhằm giúp nhân viên công ty biết ăn trưa ngày hơm tuần Ứng dụng gồm chức sau: − Login: Sử dụng tên để login − Home: Xem ăn trưa ngày hôm nay, chuyển hướng đến trang khác Thay đổi ảnh profile − Food List: Xem danh sách ăn tuần − Rate Food: Đánh giá ăn ngày hơm − Rating View: Xem xếp hạng ăn có đáng giá cao từ nhân viên công ty − Setting: Xem phiên ứng dụng Gửi Mail phản hồi cho nhà phát triển Đánh giá ứng dụng 3.2 Thực Project thực có sản phẩm sử dụng sau: 15 3.2.1 Màn hình Login Các bước thực hiện: − Thêm Scrollview ViewController, thêm uiview lên scrollview − Thêm imageview để thêm logo app − Thêm uiview để đề xuất tên người dùng login − Thêm textfield để nhập liệu − Thêm button để chuyển hướng sang Home − Hiệu chỉnh UI code, thêm extension gradient để tái sử dụng 16 3.2.2 Màn hình Home Các bước thực hiện: − Thêm Scrollview ViewController, thêm uiview lên scrollview − Thêm component chính: Food List, Ratings, Settings với cấu trúc: uiview, imageview, button, label component đặt vào stackview − Thêm imageview để làm khung cho profile picture Thêm button Edit profile − Thêm uiview làm background − Thêm button Sign out − Thêm uiview hiển thị ăn hơm nay, đánh giá ăn 17 3.2.3 Màn hình Edit Profile Picture Các bước thực hiện: − Thêm uiview vào ViewController − Thêm component: Take photo, Select photo với cấu trúc: uiview, label, button, imageview − Thêm button Cancel − Flow: o “Take a photo”: Chuyển sang camera máy, Chụp ảnh, Chọn ảnh o “Select a photo from your phone”: Chuyển sang thư viện, chọn ảnh, xác nhận thay đổi Ví dụ: 18 − Chọn Select a photo from phone, chuyển sang thư viện: − Chọn ảnh, xác nhận thay đổi Màn hình sau thay đổi ảnh 19 3.2.4 Màn hình Food List Các bước thực hiện: − Thêm Scrollview ViewController, thêm uiview lên scrollview − Thêm tableview lên uiview − Thiết kế style cho cell bảng 20 3.2.5 Màn hình Ratings Các bước thực hiện: − Thêm uiview ViewController − Thêm tableview vào uiview − Thiết kế cell có cấu trúc tương tự: uiview, label 21 3.2.6 Màn hình Settings Các bước thực hiện: − Thêm uiview ViewController − Thêm label thông tin − Thêm component có cấu trúc: uiview, imageview, button 22 3.2.7 Màn hình Rate Food Các bước thực hiện: − Thêm uiview ViewController − Thêm label phụ − Thêm floating view chứa đánh giá − Thêm button xác nhận đánh giá 23 3.2.8 Màn hình Sign out Các bước thực hiện: − Thêm uiview ViewController − Thêm label thông báo − Thêm button: cancel sign out 3.2.9 Các hình phụ − Màn hình thơng báo sau rate 24 − Màn hình thơng báo đến ăn trưa: 25 CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC Sau tháng thực tập công ty em làm quen với mơi trường làm việc chun nghiệp tích luỹ nhiều kinh nghiệm quý báu: − Củng cố kiến thức hướng đối tượng, sử dụng kiến thức hướng đối tượng Swift − Nắm bắt nguyên tắc làm việc với XCode, nguyên tắc thiết kế UX/UI − Phát triển ứng theo mơ hình MVC, MVVM − Biết cách sử dụng CoreData, Firebase với Swift − Viết Unit test cho service call − Nắm bắt cách sử dụng công cụ quản lý mã nguồn − Trải nghiệm môi trường làm việc thực thụ, biết cách làm việc nhóm, trao đổi, đặt câu hỏi gặp vấn đề − Kĩ research nâng cao − Chuyển đổi thiết kế từ storyboard sang code 26 CHƯƠNG TÀI LIỆU THAM KHẢO [1] http://styl.com.sg [2] https://github.com/raywenderlich/swift-style-guide [3] https://swift.org/documentation/api-design-guidelines/ [4] https://developer.apple.com/library/prerelease/ios/documentation/swift/conceptual/swi ft_programming_language/index.html [5] https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/B uildingCocoaApps/index.html [6] https://developer.apple.com/library/prerelease/ios/documentation/General/Reference/S wiftStandardLibraryReference/index.html 27 ... nghiệp ứng dụng di động phát triển mạnh mẽ, để hòa nhập với cơng ty hàng đầu lập trình ứng dụng giới Lĩnh vực lập trình ứng dụng di động phát triển bắt kịp xu hướng phát triển chung, đáp ứng tốt... đòi hỏi thực tế người Vì em đinh lựa chọn lập trình ứng dụng điện thoại, cụ thể tảng iOS để tìm hiểu định hướng cho việc học nghề nghiệp sau Sau trình học tập, lĩnh hội nhiều kiến thức tảng bổ... lại Ân trình thực tập 14 CHƯƠNG 3.1 CHI TIẾT PROJECT Giới thiệu ứng dụng Ứng dụng phát triển nhằm giúp nhân viên công ty biết ăn trưa ngày hơm tuần Ứng dụng gồm chức sau: − Login: Sử dụng tên