Tìm hiểu và xây dựng ứng dụng nhật ký bé yêu trên hệ điều hành ios

ĐẠI HỌC ĐÀ NẴNG ĐẠI HỌC SƢ PHẠM ĐÀ NẴNG 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 NHẬT KÝ BÉ YÊU TRÊN HỆ ĐIỀU HÀNH iOS GVHD : ThS Nguyễn Thanh Tuấn SVTH : Nguyễn Thị Ly LỚP : 10CNTT1 Đà Nẵng, Ngày tháng năm 2014 MỤC LỤC MỞ ĐẦU CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 CƠ BẢN VỀ NGƠN NGỮ LẬP TRÌNH OBJECTIVE-C 1.1.1 Giới thiệu 1.1.2 Một số từ khóa thơng dụng 1.1.3 Khai báo Class 1.1.4 Properties 1.1.5 Category Protocol 1.1.6 Kế thừa 1.1.7 Quản lý nhớ Objective-C 1.1.8 Các đối tƣợng Objective-C 13 1.2 HỆ ĐIỀU HÀNH iOS 16 1.2.1 Giới thiệu 16 1.2.2 Kiến trúc 16 1.2.3 Giới thiệu số UI Elements 19 1.2.4 Storyboards 22 1.2.5 Core Data 22 1.2.6 Camera Photo Library 23 1.2.7 Audio Video 24 1.3 KẾT CHƢƠNG 25 CHƢƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 26 2.1 Ý TƢỞNG 26 2.2 ĐẶC TẢ CHỨC NĂNG 28 2.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 30 2.4 THIẾT KẾ CƠ SỞ DỮ LIỆU 37 2.5 KẾT CHƢƠNG 43 CHƢƠNG MỘT SỐ KẾT QUẢ DEMO CỦA ỨNG DỤNG 44 3.1 CHỨC NĂNG NHẬT KÝ 45 3.2 CHỨC NĂNG QUẢN LÝ 49 3.3 CHỨC NĂNG GHI CHÚ SỰ KIỆN 52 3.4 CHỨC NĂNG CUNG CẤP KIẾN THỨC NUÔI DẠY TRẺ 53 3.5 KẾT CHƢƠNG 54 KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 55 TÀI LIỆU THAM KHẢO 57 MỤC LỤC HÌNH ẢNH Hình 1.1 Sơ đồ quản lý nhớ Objective-C 10 Hình 1.2 Sơ đồ kiến trúc iOS 17 Hình 1.3 UITextField 19 Hình 1.4 UIAlertView 20 Hình 1.5 UISlider 21 Hình 1.6 UITableView 21 Hình 1.7 Storyboards 22 Hình 1.8 Core Data 23 Hình 2.1 Sơ đồ XMind 27 Hình 2.2 Sơ đồ chức 28 Hình 2.3 Sơ đồ User Case 30 Hình 2.4 Sơ đồ phân rã chức 32 Hình 2.5 Sơ đồ ngữ cảnh 32 Hình 2.6 Sơ đồ luồng liệu mức đỉnh 33 Hình 2.7 Sơ đồ luồng liệu chức nhật ký 34 Hình 2.8 Sơ đồ luồng liệu chức quản lý 34 Hình 2.9 Sơ đồ luồng liệu chức ghi kiện 35 Hình 2.10 Sơ đồ luồng liệu chức cung cấp kiến thức nuôi dạy trẻ 35 Hình 2.11 Sơ đồ liên kết thực thể 36 Hình 2.12 Sơ đồ Class Diagram 42 Hình 3.1 Giao diện chức nhật ký 45 Hình 3.2 Giao diện xem chi tiết kiện nhật ký 46 Hình 3.3 Giao diện xem chi tiết hình ảnh nhật ký 47 Hình 3.4 Chia sẻ qua Email, Facebook, Twitter 48 Hình 3.5 Giao diện lựa chọn chức 49 Hình 3.6 Giao diện hiển thị thơng tin bé 50 Hình 3.7 Giao diện hiển thị thơng tin phát triển bé 51 Hình 3.8 Giao diện hiển thị danh sách kiện bé 52 Hình 3.9 Giao diện hiển thị kiến thức ni dạy trẻ 53 DANH MỤC BẢNG BIỂU Bảng 1.1 Các định dạng ảnh hỗ trợ iOS 20 Bảng 2.1 Mô tả Actor 30 Bảng 2.2 Mô tả User Case 30 Bảng 2.3 Bảng liệu INFO 37 Bảng 2.4 Bảng liệu DIARY 37 Bảng 2.5 Bảng liệu ALBUM 38 Bảng 2.6 Bảng liệu BABY 38 Bảng 2.7 Bảng liệu GROWBABY 38 Bảng 2.8 Bảng liệu STANDARDBOY 39 Bảng 2.9 Bảng liệu STANDARDGIRL 40 Bảng 2.10 Bảng liệu KNOWLEDGE 40 Bảng 2.11 Bảng liệu EVENT 41 LỜI CẢM ƠN Trước hết xin chân thành cảm ơn đến quý thầy cô khoa Tin Học trường Đại Học Sư Phạm Đà Nẵng, đặc biệt thầy tận tình dạy bảo tơi suốt q trình học tập trường Tơi xin gửi lời biết ơn sâu sắc đến ThS Nguyễn Thanh Tuấn dành nhiều thời gian tâm huyết hướng dẫn nghiên cứu, giúp tơi hồn thành luận văn tốt nghiệp Tôi xin gửi lời cảm ơn chân thành công ty TNHH Tin Học & TM AsNet tạo điều kiện thuận lợi, hỗ trợ tơi hồn thành luận văn Tôi xin gửi lời cảm ơn đến anh Võ Minh Tuấn, anh Phan Ngọc An, chị Hà Đặng Lan Phương anh chị công ty TNHH Tin Học & TM AsNet tận tình hướng dẫn bảo thời gian qua Xin chân thành cảm ơn bạn khoa Tin Học, người bạn, anh chị người giúp đỡ chia sẻ kiến thức, kinh nghiệm, tài liệu, suốt trình nghiên cứu thực luận văn Mặc dù có nhiều cố gắng hồn thiện luận văn tất khả mình, nhiên khơng tránh khỏi thiếu sót, mong nhận đóng góp thầy bạn Xin chân thành cảm ơn! Đà Nẵng, ngày tháng năm 2014 Sinh viên thực Nguyễn Thị Ly LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung luận văn thực hướng dẫn trực tiếp thầy ThS Nguyễn Thanh Tuấn, anh chị trực tiếp hướng dẫn công ty TNHH Tin Học & TM AsNet Mọi tham khảo luận văn 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 thực Nguyễn Thị Ly LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn MỞ ĐẦU A Lý chọn đề tài Smartphone thực mang đến cách mạng cho thiết bị di động, thời kỳ mà công nghệ số phát triển với tốc độ chóng mặt nhƣ Sự tiến vƣợt bậc công nghệ làm thay đổi hồn tồn thói quen nhƣ hành vi ngƣời Chỉ với smartphone ngƣời ta thỏa mãn hầu hết nhu cầu nhƣ: trò chuyện, gửi tin nhắn, chơi game, nghe nhạc, lƣớt web, toán… Nhu cầu sử dụng smartphone ngày tăng Hiện nay, có nhiều tảng di động phổ biến nhƣ iOS, Android, WindowsPhone,… Trong đó, iOS Apple hệ điều hành có hƣớng phát triển mạnh mẽ Các ứng dụng đƣợc xây dựng hệ điều hành iOS ngày phổ biến đƣợc nhiều ngƣời ƣa dùng không thiết kế tinh tế, đẹp mắt, dễ sử dụng mà ứng dụng đƣợc phát triển iOS phong phú, đa dạng, đáp ứng đƣợc nhu cầu ngƣời sử dụng Các bé sinh nhận đƣợc quan tâm đặc biệt từ ba mẹ, ngƣời thân gia đình Ngày qua đi, bé lớn dần tình yêu thƣơng ngƣời Trong khoảng thời gian đó, có kiện xảy mà ba mẹ muốn lƣu trữ chia sẻ với ngƣời thân, đặc biệt ngƣời thân xa Chính lý đó, tơi chọn đề tài "Tìm hiểu xây dựng ứng dụng nhật ký bé yêu hệ điều hành iOS" sử dụng thiết bị iPad với mong muốn xây dựng ứng dụng hữu ích cho phép ba mẹ lƣu trữ chia sẻ khoảnh khắc đáng yêu bé B Mục đích ý nghĩa đề tài - Cũng cố kiến thức học thời gian qua - Nghiên cứu tìm hiểu lập trình ứng dụng hệ điều hành iOS - Xây dựng ứng dụng thiết bị iPad Đây ứng dụng Việt giúp ba mẹ lƣu trữ chia sẻ khoảnh khắc, cảm xúc tuyệt vời bé yêu mình, chia sẻ với ngƣời thân gia đình, lƣu trữ thông tin bé Đồng thời cho phép ba mẹ ghi lại tình hình phát triển bé chiều cao, cân nặng, từ đƣa nhận xét lời khuyên Hỗ trợ ba mẹ ghi kiện bé, nhắc nhở trƣớc kiện Ngồi ứng dụng giúp ba mẹ tìm hiểu SVTH: Nguyễn Thị Ly Trang LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn số vấn đề thƣờng gặp nuôi dạy trẻ Xây dựng đƣợc giao diện trực quan với ngƣời dùng, dễ dàng cách sử dụng C Đối tƣợng phạm vi nghiên cứu - Đối tƣợng: kiến thức cần thiết để xây dựng dứng dụng hệ điều hành iOS - Phạm vi nghiên cứu: trình nghiên cứu thực thi chƣơng trình Trong phạm vi nghiên cứu bao gồm:  Ứng dụng Việt đáp ứng nhu cầu ngƣời Việt Nam  Thiết bị hỗ trợ: iPad  Ngƣời sử dụng: ba mẹ ngƣời thân bé  Nội dung: liên quan tới bé D Phƣơng pháp nghiên cứu đề tài - Thu thập, phân tích liệu, đảm bảo liệu sử dụng cho ứng dụng xác - Sử dụng sở lý thuyết ngôn ngữ lập trình Objective-C Áp dụng linh hoạt UIElement framework iOS để xây dựng ứng dụng E Công cụ mơi trƣờng lập trình - VMware Workstation - Mac OS X Mountain Lion 10.8.5 (file iso) - Xcode 5.0 Trong đó, VMware Workstation hệ điều hành Mac OS X sử dụng cho việc tạo trƣờng lập trình Xcode cơng cụ, phát triển phần mềm tích hợp đƣợc Apple phát triển chạy hệ điều hành Mac OS X để phát lập trình viên phát triển phần mềm chạy hệ điều hành Mac OS X iOS Phiên Xcode đƣợc phát hành vào năm 2003, phiên dùng phổ biến 5.0 Xcode đƣợc phát hành miễn phí cho ngƣời dùng Mac OS X tải thông qua chợ ứng dụng App Store F Cấu trúc luận văn Luận văn đƣợc trình bày chƣơng nhƣ sau: Chƣơng 1: sở lý thuyết Trong chƣơng này, tơi trình bày cơng cụ cần thiết đề lập trình, số kiến thức ngơn ngữ lập trình Objective-C, giới thiệu hệ điều hành iOS, cấu trúc số thành phần hệ điều hành iOS đƣợc sử dụng để lập trình Đây sở để tạo nên ứng dụng SVTH: Nguyễn Thị Ly Trang LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Chƣơng 2: Phân tích thiết kế hệ thống Trong chƣơng này, tơi trình bày ý tƣởng xây dựng đề tài, phân tích chức Phân tích tổ chức sở liệu ứng dụng cách logic chặt chẽ Chƣơng 3: Một số kết ứng dụng Trong chƣơng này, tơi trình bày số kết đạt đƣợc với giao diện ứng dụng đƣợc xây dựng đề tài theo chức cụ thể Kết luận hƣớng phát triển Trong phần này, tơi trình bày số kết luận đề tài, số kết đạt đƣợc, hạn chế hƣớng phát triển, hoàn thiện đề tài sau SVTH: Nguyễn Thị Ly Trang LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 2.5 KẾT CHƢƠNG Trong chƣơng này, tơi trình bày trình bày ý tƣởng để xây dựng đề tài, phân tích tài liệu sử dụng chức năng, giải số vấn đề đặt đề tài Từ hiết kế mơ hình sở liệu cho ứng dụng Đây bƣớc quan trọng để bắt đầu xây dựng ứng dụng Trong chƣơng sau trình bày số kết demo ứng dụng chạy thiết bị iPad (hình ảnh đƣợc lấy từ thiết bị giả lập Simulator) SVTH: Nguyễn Thị Ly Trang 43 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn CHƢƠNG MỘT SỐ KẾT QUẢ DEMO CỦA ỨNG DỤNG Sau số hình ảnh demo ứng dụng “Nhật ký bé yêu” Các hình ảnh đƣợc lấy từ thiết bị giả lập Simulator SVTH: Nguyễn Thị Ly Trang 44 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 3.1 CHỨC NĂNG NHẬT KÝ Hình 3.1 Giao diện chức nhật ký Đây mà hình chức nhật ký (cũng nàm hình giao diện chạy ứng dụng) Hiển thị danh sách kiện tạo xếp theo thời gian Có thể tìm kiếm nhanh, xóa nhanh kiện Click vào kiện để xem chi tiết Trên navigation có hai button Click vào button Hoặc click vào button SVTH: Nguyễn Thị Ly để tạo kiện để di chuyển chức Trang 45 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Hình 3.2 Giao diện xem chi tiết kiện nhật ký Đây hình xem chi tiết kiện nhật ký Cho phép xóa, chia sẻ qua mạng xã hội hay chỉnh sửa cảm xúc Có thể touch ngang để xem nhanh ảnh Khi click vào ảnh cho phép xem chi tiết nhƣ hình sau: SVTH: Nguyễn Thị Ly Trang 46 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Hình 3.3 Giao diện xem chi tiết hình ảnh nhật ký Đây giao diện xem chi tiết hình ảnh kèm theo cảm xúc Khi ngƣời dùng click vào biểu tƣợng ngƣời dùng chia sẻ khoảnh khắc với ngƣời xung quanh qua Facebook, Twitter, Email, Vimeo… SVTH: Nguyễn Thị Ly Trang 47 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Hình Chia sẻ qua Email, Facebook, Twitter Đây hình cho phép lựa chọn chia sẻ (với Emulator chia sẻ Email) SVTH: Nguyễn Thị Ly Trang 48 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 3.2 CHỨC NĂNG QUẢN LÝ Màn hình lựa chọn thay đổi chức Hình Giao diện lựa chọn chức Hiển thị bốn chức theo thứ tƣ: nhật ký, quản lý, kiện, kiến thức nuôi dạy trẻ Mỗi lần đƣợc lựa chọn chức SVTH: Nguyễn Thị Ly Trang 49 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Hình Giao diện hiển thị thơng tin bé Giao diện hiển thị thông tin bé yêu nhƣ: ảnh, tên, ngày sinh, giới tính, sở thích (đặc điểm) Có thể cập nhật, thay đổi thông tin bé yêu SVTH: Nguyễn Thị Ly Trang 50 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn Hình Giao diện hiển thị thơng tin phát triển bé Hiển thị thông tin phát triển chiều cao, cân nặng bé theo tháng mà ba mẹ nhập vào Ngƣời dùng xem nhận xét tình hình phát triển tháng đƣợc nhật vào cuối Hệ thống phân tích thơng tin đƣa nhận xét khách quan SVTH: Nguyễn Thị Ly Trang 51 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 3.3 CHỨC NĂNG GHI CHÚ SỰ KIỆN Màn hình chức quản lý kiện bé Hình Giao diện hiển thị danh sách kiện bé Hiển thị kiện bé (nếu có nhắc nhở, cho phép thay đổi nhanh trạng thái nhắc nhở UISwitch) SVTH: Nguyễn Thị Ly Trang 52 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 3.4 CHỨC NĂNG CUNG CẤP KIẾN THỨC NI DẠY TRẺ Hình Giao diện hiển thị kiến thức nuôi dạy trẻ Chức cung cấp kiến thức nuôi dạy trẻ bao gồm vấn đề tâm lý, sức khỏe, dinh dƣỡng Hình ảnh minh họa SVTH: Nguyễn Thị Ly Trang 53 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn 3.5 KẾT CHƢƠNG Trong chƣơng trình bày số kết ứng dụng, giới thiệu hình chức ứng dụng SVTH: Nguyễn Thị Ly Trang 54 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN Trong luận văn tơi trình bày ngơn ngữ lập trình Objective-C, hệ điều hành iOS thực xây dựng ứng dụng hệ điều hành iOS Đầu tiên, tơi trình bày ngơn ngữ lập trình Objective-C Tiếp đó, tơi giới thiệu hệ điều hành iOS, từ kiến trúc, UIElement, framework 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 thực ý tƣởng thành ứng dụng Sau phân tích thiết kế ứng dụng, thu thập tài liệu, sử dụng kiến thức lập trình ứng dụng tảng iOS để xây dựng ứng dụng thiết bị iPad Qua trình tìm hiểu, nghiên cứu đề tài đạt đƣợc kết sau: - Áp dụng đƣợc kiến thức học nhà trƣờng vào xây dựng ứng dụng - Tìm hiểu đƣợc cách xây dựng ứng dụng thiết bị iOS - Biết đƣợc cấu trúc ứng dụng - Xây dựng thành công ứng dụng thiết bị iPad Bên cạnh kết đạt đƣợc, ứng dụng số điểm chƣa giải tốt nhƣ: giao diện ứng dụng chƣa đẹp mắt, chức ứng dụng đơn giản,… Dƣới số hƣớng phát triển ứng dụng: - Xây dựng thêm tính ứng dụng: cung cấp thêm chức chỉnh sửa hình ảnh, xây dựng mạng xã hội cho phép ba mẹ trao đổi thông tin bé yêu - Xây dựng hoàn thiện ứng dụng, đƣa lên App Store - Xây dựng ứng dụng thiết bị iPhone SVTH: Nguyễn Thị Ly Trang 55 LUẬN VĂN TỐT NGHIỆP SVTH: Nguyễn Thị Ly GVHD: ThS Nguyễn Thanh Tuấn Trang 56 LUẬN VĂN TỐT NGHIỆP GVHD: ThS Nguyễn Thanh Tuấn TÀI LIỆU THAM KHẢO Tài liệu [1] Avandad Nahavandipoor, Programming Cookbook [2] Programming in Objective-C 2.0 [3] Giáo trình nhi khoa Đại học Y Dƣợc Huế Trang Web [1] Trang tài liệu lập trình Apple : https://developer.apple.com/ [2] Các ví dụ liên quan: https://github.com/, http://www.appcoda.com/ , http://www.techotopia.com/, … SVTH: Nguyễn Thị Ly Trang 57 ... "Tìm hiểu xây dựng ứng dụng nhật ký bé yêu hệ điều hành iOS" sử dụng thiết bị iPad với mong muốn xây dựng ứng dụng hữu ích cho phép ba mẹ lƣu trữ chia sẻ khoảnh khắc đáng yêu bé B Mục đích ý nghĩa... qua - Nghiên cứu tìm hiểu lập trình ứng dụng hệ điều hành iOS - Xây dựng ứng dụng thiết bị iPad Đây ứng dụng Việt giúp ba mẹ lƣu trữ chia sẻ khoảnh khắc, cảm xúc tuyệt vời bé yêu mình, chia sẻ... TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Ý TƢỞNG Ứng dụng "Nhật ký bé yêu" đƣợc xây dựng dựa nhu cầu ba mẹ Hỗ trợ chức năng: - Nhật ký: lƣu trữ cảm xúc, khoảnh khắc bé Cho phép ba mẹ ghi lại dòng nhật ký