Tìm hiểu và xây dựng ứng dụng trên nền tảng iOS

ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM KHOA TIN HỌC ********** LUẬN VĂN TỐT NGHIỆP NGÀNH CỬ NHÂN CƠNG NGHỆ THƠNG TIN ĐỀ TÀI: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG TRÊN NỀN TẢNG IOS GVHD : Th.S NGUYỄN THANH TUẤN SVTH : NGUYỄN TẤN QUỐC LỚP : 10CNTT2 Đà Nẵng, tháng năm 2014 LỜI CẢM ƠN Lời em xin bày tỏ lòng biết ơn sâu sắc đến tất quý thầy cô khoa Tin học trường đại học Sư phạm - ĐH Đà Nẵng, tận tình giúp đỡ, truyền đạt kiến thức cho em suốt năm học ngồi ghế nhà trường Đặc biệt, em xin chân thành cảm ơn thầy Nguyễn Thanh Tuấn, người thầy ln nhiệt tình hướng dẫn em trình thực đề tài tốt nghiệp Đồng thời gửi lời cảm ơn đến tất bạn sinh viên khóa 2010 - khoa Tin học tập thể lớp 10CNTT2 ủng hộ, giúp đỡ, chia sẻ kiến thức kinh nghiệm thời gian làm luận văn Và để có kết hơm nay, em biết ơn gia đình cổ vũ, động viên, tạo điều kiện tốt cho em trình học tập thực đề tài Trong trình thực luận văn tốt nghiệp, em ln cố gắng hồn thành luận văn cách tốt Nhưng kinh nghiệm vốn kiến thức hạn chế nên khơng tránh khỏi thiếu sót thân Rất mong thầy cô bạn nhận xét góp ý thêm để em ngày hồn thiện thân Em xin chân thành cảm ơn! Đà Nẵng, ngày 20 tháng 05 năm 2014 Sinh viên thực Nguyễn Tấn Quốc LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp thầy Nguyễn Thanh Tuấn Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, xin chịu hoàn toàn trách nhiệm Sinh viên Nguyễn Tấn Quốc MỤC LỤC TỔNG QUAN ĐỀ TÀI A Lý chọn đề tài B Mục đích nghiên cứu C Ý nghĩa đề tài D Cấu trúc đề tài CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu ngôn ngữ Objective-C 1.1.1 Tìm hiểu lịch sử phát triển ngôn ngữ Objective-C 1.1.2 Giới thiệu Objective-C 1.1.3 Một số kiến thức 1.2 Cơ lập trình iOS 16 1.2.1 Tìm hiểu mơ hình Model-View-Controller 16 1.2.2 Giới thiệu View Controller iOS 19 1.3 Kết chƣơng 32 CHƢƠNG 2: PHÂN TÍCH THIẾT KẾ ỨNG DỤNG 34 2.1 Tìm hiểu xây dựng ý tƣởng đề tài 34 2.1.1 Chức “Bé tập chơi” 34 2.1.2 Chức “Góc quản lý” 39 2.1.3 Chức “Cơ chế thời gian” 40 2.1.4 Chức “Hỗ trợ” 40 2.1.5 Chức “Cập nhật” 41 2.1.6 Chức “Cài đặt” 41 2.1.7 Chức “Thống kê ngƣời dùng” 41 2.2 Sơ đồ thiết kế ứng dụng 41 2.3 Xây dựng ứng dụng 43 2.4 Kết chƣơng 45 CHƢƠNG 3: CÀI ĐẶT ỨNG DỤNG 46 3.1 Giao diện 46 3.2 Chức “Bé tập chơi” 47 3.3 Chủ đề “Bé với màu sắc” 48 3.4 Chủ đề “Nghe chuyện cổ tích” 50 3.5 Chủ đề “Bé tập vẽ tranh” 52 3.6 Kết chƣơng 54 TÀI LIỆU THAM KHẢO 56 DANH MỤC HÌNH ẢNH Hình 1.1 Mơ hình Model-View-Controller 16 Hình 1.2 Core Objects ứng dụng iOS 19 Hình 1.3 Các View Controller dựng sẵn iOS 20 Hình 1.4 Một View Controller đơn giản 22 Hình 1.5 Một View Controller gắn liền với window tự động thêm view 23 Hình 1.6 Các lớp View Controller có sẵn UIKit Framework 24 Hình 1.7 Giao diện sau hồn thành 26 Hình 1.8 Mở Xcode 26 Hình 1.9 Lựa chọn project 27 Hình 1.10 Điền thơng tin vào project 28 Hình 1.11 Lựa chọn thiết bị iPhone 28 Hình 1.12 Học cách sử dụng Xcode 29 Hình 1.13 Simulator iPhone 30 Hình 1.14 Navigator selector bar 30 Hình 1.15 Mở file main.m 31 Hình 1.16 Mở file HelloWorld-Info.plist 31 Hình 1.17 Giao diện MainStoryboard.storyboard 32 Hình 2.1 Thiết kế chủ đề bé với màu sắc 42 Hình 2.2 thiết kế chủ đề “Bé tập vẽ tranh” 42 Hình 2.3 Sơ đồ ứng dụng thiết kế Xmind 43 Hình 2.4 Cách tổ chức liệu ứng dụng 44 Hình 2.5 Hình ảnh đoạn code ứng dụng 44 Hình 2.6 Giao diện Main_iPhone.storybroad 45 Hình 3.1 Giao diện 46 Hình 3.2 Bé tập chơi 47 Hình 3.3 Giao diện trò chơi “Bé với màu sắc” 48 Hình 3.4 Bắt đầu trị chơi “Bé với màu sắc” 49 Hình 3.5 Giao diện chủ đề “Nghe chuyện cổ tích” 50 Hình 3.6 Một số hình ảnh chủ đề “Nghe chuyện cổ tích” 51 Hình 3.7 Giao diện chủ đề “Bé tập vẽ tranh” 52 Hình 3.8 Một số hình ảnh chủ đề “Bé tập vẽ tranh” 53 LUẬN VĂN TỐT NGHIỆP TỔNG QUAN ĐỀ TÀI A Lý chọn đề tài Trong xu công nghệ thông tin đà phát triển vô mạnh mẽ nhanh chóng Thơng tin trao đổi khắp giới, thiết bị di động công cụ quan trọng bậc người ngày Điện thoại di động hay gọi thiết bị cầm tay, thiết bị viễn thông liên lạc sử dụng khơng gian rộng nhờ vào khả thu phát sóng Những điện thoại thông minh dần trở thành công cụ phổ biến quan trọng sống người Nhu cầu sử dụng di động người với nhiều mục đích khác nhau: chức gọi hay nhắn tin người làm nhiều việc thế, quản lý thời gian cá nhân, lướt web, chơi game hay học tập, tất tầm tay ngày trở nên dễ dàng Apple thương hiệu tiếng mà biết tới, đơn giản phong cách thiết kế dễ dàng sử dụng điều giúp cho đa số người dùng lựa chọn Theo thống kê tỷ lệ người Việt Nam đa số thích sử dụng sản phẩm Apple Trẻ em ngày quan tâm đặc biệt người lớn xã hội Ở Việt Nam, xu người dùng điện thoại hay máy tính ngày trở nên phổ biến hầu hết trẻ em thành phố sớm tiếp xúc với thiết bị thông minh từ ba mẹ, anh chị, ông bà Cuộc sống bé quanh nhà hay trường học, khơng có điều kiện tiếp xúc với bên ngồi, khơng cảm nhận giới xung quanh Đa số bé sử dụng điện thoại hay máy tính dùng vào việc chơi game, nghe nhạc, xem phim hay học tập Hiện nay, có nhiều ứng dụng dành cho trẻ em Doodle Critter Math1: giúp bé học toán, https://itunes.apple.com/us/app/doodle-critter-math-shapes/id819125623?mt=8 GVHD: ThS.NGUYỄN THANH TUẤN LUẬN VĂN TỐT NGHIỆP SquiggleFish2: kích thích khả sáng tạo bé,… hầu hết ứng dụng viết tiếng anh nên trẻ em viết khó học tập hạn chế rào cản ngơn ngữ Từ vấn đề đến cần làm ứng dụng dành riêng cho trẻ em Việt để giúp bé tìm hiểu làm quen với giới bên B - Mục đích nghiên cứu Nâng cao tinh thần trách nhiệm công việc giao tinh thần khắc phục khó khăn, phát huy tính tích cực học tập - Nâng cao ý thức làm việc tính tổ chức kỷ luật nghề nghiệp - Trang bị cho em kiến thức kĩ làm việc thực tế xã hội, giao lưu, tham gia hoạt động sở thực tập - Giúp cho sinh viên củng cố kiến thức tiếp thu trường đại học - Bổ sung kiến thức cần thiết cho sinh viên thời gian thực tập vào công việc sau này, nhằm củng cố thêm nhận thức nâng cao tay nghề chuyên môn người cán khoa học tương lai - Vận dụng kiến thức học vào môi trường làm việc thực tế Góp phần đào tạo tồn diện trình độ, kỹ thực hành phương pháp học tập, nghiên cứu cho sinh viên nhằm mục đích đạt chất lượng tốt học tập nhằm đáp ứng nhu cầu xã hội nhằm phát triển đất nước C Ý nghĩa đề tài Về mặt ý nghĩa thực tiễn, đề tài tìm hiểu xây dựng ứng dụng “Bé thông minh” tảng iOS đáp ứng nhu cầu bé vừa học tập vừa giải trí thơng qua ứng dụng hữu ích Đa số, ứng dụng viết ngôn ngữ tiếng anh, nên ứng dụng mà người Việt dễ dàng sử dụng, ứng dụng giúp bé tìm hiểu với giới bên ngồi, học tập, vui chơi thông qua chủ đề gần gũi trị chơi đơn giản, bổ ích https://itunes.apple.com/gb/app/squigglefish/id636939134?mt=8 GVHD: ThS.NGUYỄN THANH TUẤN LUẬN VĂN TỐT NGHIỆP D Cấu trúc đề tài Gồm có ba phần chính: - Chương 1: Cơ sở lý thuyết - Chương 2: Phân tích thiết kế ứng dụng - Chương 3: Kết GVHD: ThS.NGUYỄN THANH TUẤN LUẬN VĂN TỐT NGHIỆP Hình 2.3 Sơ đồ ứng dụng thiết kế Xmind sơ đồ thiết kế ứng dụng tổng thể XMind Hình 2.3 Sơ đồ ứng dụng thiết kế Xmind 2.3 Xây dựng ứng dụng Hình 2.4 Cách tổ chức liệu ứng dụng minh họa cách tổ chức liệu ứng dụng “Bé thông minh” GVHD: ThS.NGUYỄN THANH TUẤN 43 LUẬN VĂN TỐT NGHIỆP Hình 2.4 Cách tổ chức liệu ứng dụng Hình 2.5 Hình ảnh đoạn code ứng dụng mô tả code ứng dụng sử dụng công cụ Xcode Hình 2.5 Hình ảnh đoạn code ứng dụng GVHD: ThS.NGUYỄN THANH TUẤN 44 LUẬN VĂN TỐT NGHIỆP Hình 2.6 Giao diện Main_iPhone.storybroad tổng thể View Controller sử dụng ứng dụng Hình 2.6 Giao diện Main_iPhone.storybroad 2.4 Kết chƣơng Qua chương biết cách thiết kế ứng dụng, cách tổ chức liệu project Ở đề tài này, ứng dụng thiết kế mô tả cơng cụ XMind để giúp có nhìn trực quan GVHD: ThS.NGUYỄN THANH TUẤN 45 LUẬN VĂN TỐT NGHIỆP CHƢƠNG 3: CÀI ĐẶT ỨNG DỤNG 3.1 Giao diện Giao diện hình ảnh động, xe ô tô di chuyển mặt đường kèm theo bong bóng bay lơ lửng bầu trời buộc lại nhờ sợi dây Tương ứng với bong bóng chức ứng dụng Quả bong bóng màu đỏ chức bé tập chơi, màu xanh da trời chức góc quản lý, màu hồng chức cài đặt, màu xanh chức hỗ trợ (Hình 3.1 Giao diện chính) Hình 3.1 Giao diện GVHD: ThS.NGUYỄN THANH TUẤN 46 LUẬN VĂN TỐT NGHIỆP 3.2 Chức “Bé tập chơi” Ở chức bao gồm chủ đề để bé lựa chọn như: Bé làm quen với màu sắc, Tiếng kêu vật, Nghe chuyện cổ tích, Bé yêu tập nói, Làm quen với tranh, Bé tập vẽ tranh, Đồ vật quanh bé, Hình khối Khi lựa chọn vào chủ đề trị chơi tương ứng phù hợp Như chủ đề “Bé với màu sắc” bé chơi trò liên quan đến màu sắc mà bé thường gặp ngày với bong bóng Nếu muốn trở giao diện kích vào nút mũi tên lui ứng dụng quay lại giao diện ban đầu (Hình 3.2 Bé tập chơi) Hình 3.2 Bé tập chơi GVHD: ThS.NGUYỄN THANH TUẤN 47 LUẬN VĂN TỐT NGHIỆP 3.3 Chủ đề “Bé với màu sắc” Bé với màu sắc dành cho tuổi trở lên: chủ đề dành cho trẻ từ tuổi trở lên nên chủ đề bé chơi trị chơi đập bong bóng nổ Khi bé bắt đầu trị chơi có bóng với nhiều màu sắc khác xuất hiện, bé phải cho bóng nổ Kèm theo hiệu ứng nổ bóng điểm số, bé rèn luyện đôi mắt để điểm số cao Nếu muốn quay lại chức “Bé tập chơi” để lựa chọn chủ đề cần nhấn vào nút mũi tên quay lui quay lại (Hình 3.3 Giao diện trị chơi “Bé với màu sắc”, Hình 3.4 Bắt đầu trị chơi “Bé với màu sắc”) Hình 3.3 Giao diện trị chơi “Bé với màu sắc” GVHD: ThS.NGUYỄN THANH TUẤN 48 LUẬN VĂN TỐT NGHIỆP Hình 3.4 Bắt đầu trị chơi “Bé với màu sắc” GVHD: ThS.NGUYỄN THANH TUẤN 49 LUẬN VĂN TỐT NGHIỆP 3.4 Chủ đề “Nghe chuyện cổ tích” Nghe chuyện cổ tích dành cho tuổi trở lên: tất trẻ em Việt Nam thích nghe truyện cổ tích vể quê hương, đất nước, người Ở chủ đề bé nghe câu chuyện cổ tích Việt Nam với cách kể chuyện truyền cảm, video hoạt hình câu chuyện cách hài hước Khi bé kích vào câu chuyện lên đoạn video kể câu chuyện Nếu bé muốn quay lại nhấn mũi tên quay lại bên góc trái hình (Hình 3.5 Giao diện chủ đề “Nghe chuyện cổ tích”Hình 3.5 Giao diện chủ đề “Nghe chuyện cổ tích”) Hình 3.5 Giao diện chủ đề “Nghe chuyện cổ tích” Bên vài hình ảnh lựa chọn câu chuyện chủ đề Hình 3.6 Một số hình ảnh chủ đề “Nghe chuyện cổ tích”) GVHD: ThS.NGUYỄN THANH TUẤN 50 LUẬN VĂN TỐT NGHIỆP Hình 3.6 Một số hình ảnh chủ đề “Nghe chuyện cổ tích” GVHD: ThS.NGUYỄN THANH TUẤN 51 LUẬN VĂN TỐT NGHIỆP 3.5 Chủ đề “Bé tập vẽ tranh” Bé tập vẽ tranh dành cho tuổi trở lên: chủ đề rèn luyện kĩ tay cho bé điều mà phụ huynh cần trọng Bé tập vẽ tranh mình, có bút chì nhiều màu sắc mà bé lựa chọn để vẽ lên tranh theo tưởng tượng Kèm theo bút chì tẩy, để vẽ sai nét bé xóa Ngồi ra, cịn có chức khác vẽ lại từ đầu kích vào nút mũi tên vòng, hay cài đặt màu sắc, độ đậm nhạt, lưu lại hay chia sẻ kích vào nút dấu cộng (Hình 3.7 Giao diện chủ đề “Bé tập vẽ tranh”) Hình 3.7 Giao diện chủ đề “Bé tập vẽ tranh” GVHD: ThS.NGUYỄN THANH TUẤN 52 LUẬN VĂN TỐT NGHIỆP Một số hình ảnh chủ đề “Bé tập vẽ tranh” khác ứng dụng (Hình 3.8 Một số hình ảnh chủ đề “Bé tập vẽ tranh”) Hình 3.8 Một số hình ảnh chủ đề “Bé tập vẽ tranh” GVHD: ThS.NGUYỄN THANH TUẤN 53 LUẬN VĂN TỐT NGHIỆP 3.6 Kết chƣơng Ở chương tóm tắt lại kết mà thân làm suốt thời gian qua sản phẩm Ứng dụng “Bé thông minh” xây dựng thiết kế đơn giản, sinh động hi vọng phù hợp với trẻ em Việt có độ tuổi từ đến tuổi Bé học thơng qua chủ đề với trị chơi đơn giản hay học qua câu chuyện, hát Những chủ đề gần gũi mà bé thường hay gặp phải màu sắc, vật, đồ vật, bé làm quen thứ xung quanh thơng qua ứng dụng học tập GVHD: ThS.NGUYỄN THANH TUẤN 54 LUẬN VĂN TỐT NGHIỆP KẾT LUẬN Trong đề tài này, tơi tìm hiểu xây dựng ứng dụng “Bé thông minh” tảng iOS Để xây dựng ứng dụng này, tơi trải qua q trình hướng dẫn thầy cô tự học thêm kiến thức bên ngồi Objective-C, gói hỗ trợ iOS Sau đó, tơi phân tích thiết kế ứng dụng, từ việc xây dựng ý tưởng đến việc xây dựng ứng dụng cụ thể Qua thời gian tìm hiểu xây dựng ứng dụng “Bé thơng minh” dành cho trẻ em Việt có độ tuổi từ 1-6 tuổi, đạt kết sau: - Tìm hiểu ngơn ngữ Objective-C sử dụng ngơn ngữ vào lập trình ứng dụng tảng iOS - Sử dụng thành thạo công cụ Xcode 5.0 Mac Os X để hỗ trợ cho việc lập trình - Biết cách xây dựng ý tưởng đề tài xây dựng ý tưởng thành ứng dụng cụ thể - Xây dựng giao diện trực quan, sinh động, phù hợp với trẻ em - Xây dựng số chủ đề Bé với màu sắc, Nghe chuyện cổ tích, Xem tranh, Bé tập vẽ tranh Tuy nhiên, bên cạnh kết đạt cịn có vấn đề chưa giải chưa hồn thiện chức ứng dụng, cịn có chủ đề chưa hồn thành Hướng phát triển đề tài sau hoàn thiện chức thiếu, bổ sung phát triển thêm chủ đề để giúp trẻ học tập tốt Xây dựng ứng dụng nhiều tảng khác Android, Window Phone GVHD: ThS.NGUYỄN THANH TUẤN 55 LUẬN VĂN TỐT NGHIỆP TÀI LIỆU THAM KHẢO Stephen G.Kochan (2009), Programming with Objective-C Vandad Nahandipoor (2013), iOS & Programming Cookbook Website Apple Developer (https://developer.apple.com) GVHD: ThS.NGUYỄN THANH TUẤN 56 LUẬN VĂN TỐT NGHIỆP XÁC NHẬN CỦA GIẢNG VIÊN PHẢN BIỆN Sau tiếp thu ý kiến giảng viên phản biện, tơi tiến hành chỉnh sửa hồn thiện báo cáo theo yêu cầu giảng viên phản biện đưa Giảng viên ThS Phạm Dƣơng Thu GVHD: ThS.NGUYỄN THANH TUẤN 57 ... đồ ứng dụng thiết kế Xmind sơ đồ thiết kế ứng dụng tổng thể XMind Hình 2.3 Sơ đồ ứng dụng thiết kế Xmind 2.3 Xây dựng ứng dụng Hình 2.4 Cách tổ chức liệu ứng dụng minh họa cách tổ chức liệu ứng. .. thị liệu Core Objects ứng dụng iOS: từ thời điểm ứng dụng bạn khởi động người dùng thời điểm ứng dụng kết thúc, UIKitframework quản lý nhiều hành vi ứng dụng Trái tim ứng dụng đối tượng UIApplication... vừa học tập vừa giải trí thơng qua ứng dụng hữu ích Đa số, ứng dụng viết ngôn ngữ tiếng anh, nên ứng dụng mà người Việt dễ dàng sử dụng, ứng dụng giúp bé tìm hiểu với giới bên ngồi, học tập, vui