Phát triển ứng dụng điện thoại đa nền tảng bằng framework phonegap
Nghiên Cứu Khoa Học Phát triển ứng dụng điện thoại đa tảng Framework PhoneGap Giảng viên hướng dẫn Nhóm Lớp : Thầy Trần Vũ Hiếu - Bộ môn MMT & HTTT : Hệ Thống Thông Tin - K52 Tổng quan thị trường ứng dụng di động So sánh loại ứng dụng Web apps, Native apps, Hybrid apps Nội Dung PhoneGap Là Gì ? Nền tảng kiến trúc Phonegap Giới thiệu chương trình ứng dụng Sự bùng nổ thị trường ứng dụng di động Sức tiêu thụ SmartPhone & Máy tính bảng vượt trội so với Desktop & Laptop Thị trường ứng dụng di động bị phân mảnh Các ứng dụng mobile web (Web Apps) • Quá trình phát triển dễ dàng, nhanh chóng đơn giản • Phải chạy trình duyệt browser mobile • Được xây dựng dựa công nghệ theo chuẩn W3C • Bị giới hạn truy cập tới tính thiết bị Các ứng dụng địa (Native Apps) • Được phát triển dành riêng cho tảng cụ thể • Được phát hành thông qua kho ứng dụng • Được xây dựng dưạ công nghệ môi trường phát triển dành riêng Các ứng dụng lai (Hybird Apps) • Được xây dựng với công nghệ Web • Có khả truy cập vào tính thiết bị • Được phát hành thông qua kho ứng dụng Bảng so sánh dạng ứng dụng Mobile PhoneGap ? Phonegap khung phát triển để giúp việc xây dựng ứng dụng mobile cách sử dụng công nghệ Web Mô hình PhoneGap Các tính cung cấp PhoneGap Core APIs – Media (audio play/record) – Accelerometer – Media Capture: audio,video, – Compass camera – (W3C) – Camera – Network (W3C) – Contacts (W3C) – Notification – File (W3C) – Storage (HTML5 Web SQL & – File Transfer Web Storage) – Geolocation (HTML5) Bảng hàm Phonegap APIs hỗ trợ cho tảng II III IV Một số HTML5 Hybird Framework Các tổ chức tham gia đóng góp Giới thiệu Google Map API Google map ? Một số ứng dụng Google Map API Giới Nội thiệudung ứng dụng SMART MAP Thao tác chạm Kéo thả để di chuyển đồ Chạm để lựa chọn địa điểm Tìm kiếm địa địa Định vị Xác định toạ độ Đánh dấu vị trí đồ TÌm đường Lựa chọn phương tiện Tìm kiếm địa điểm Lựa chọn nhóm địa điểm Vẽ đường đồ Hiển thị danh sách địa điểm Chỉ dẫn chi tiết đường Xem chi tiết thông tin địa điểm Giới Nội thiệudung ứng dụng Nội dung Giới thiệu ứng dụng Thiết kế giao diện cho ứng dụng Thiết kế giao diện cho ứng dụng Thiết kế giao diện cho ứng dụng Tài Liệu Tham Khảo https://developers.google.com/maps/ http:// docs.phonegap.com/en/2.1.0/guide_getting-started_android_index.md.ht ml http:// salopek.eu/content/22/display-locations-from-a-database-on-a-map-usin g-google-maps-javascript-api-and-php http ://chungta.vn/tin-tuc/cong-nghe/2013/07/ung-dung-di-dong-da-nen-thuan -loi-va-kho-khan/ [...]...Cách thức PhoneGap hoạt động Xây dựng ứng dụng chỉ với công nghệ web tiêu chuẩn: Dựa vào HTML5, Phonegap thúc đẩy phát triển các công nghệ Web Do đó nhà lập trình chỉ cần nắm rõ về HTML, CSS và Javascript Đóng gói mã nguồn với Phonegap Bằng cách sử dụng framework mã nguồn mở Phonegap, thì ứng dụng có thể truy cập tới các hàm APIs bản địa (native APIs) Xuất ứng dụng tới nhiều nền tảng khác nhau... sách địa điểm Chỉ dẫn chi tiết đường đi Xem chi tiết thông tin địa điểm 1 Giới Nội thiệudung về ứng dụng Nội về dung Giới thiệu ứng dụng Thiết kế giao diện cho ứng dụng Thiết kế giao diện cho ứng dụng Thiết kế giao diện cho ứng dụng Tài Liệu Tham Khảo 1 https://developers.google.com/maps/ 2 http:// docs .phonegap. com/en/2.1.0/guide_getting-started_android_index.md.ht ml 3 http:// salopek.eu/content/22/display-locations-from-a-database-on-a-map-usin... Transfer Web Storage) – Geolocation (HTML5) Bảng các hàm Phonegap APIs được hỗ trợ cho từng nền tảng II 4 III IV Một số HTML5 Hybird Framework Các tổ chức tham gia đóng góp Giới thiệu Google Map API Google map là gì ? Một số ứng dụng của Google Map API 1 Giới Nội thiệudung về ứng dụng SMART MAP Thao tác chạm Kéo thả để di chuyển trên bản đồ Chạm để lựa chọn địa điểm Tìm kiếm địa địa Định vị Xác định toạ độ... trình viên Mô hình PhoneGap Các tính năng cung cấp bởi PhoneGap Core APIs – Media (audio play/record) – Accelerometer – Media Capture: audio,video, – Compass camera – (W3C) – Camera – Network (W3C) – Contacts (W3C) – Notification – File (W3C) – Storage (HTML5 Web SQL & – File Transfer Web Storage) – Geolocation (HTML5) Bảng các hàm Phonegap APIs được hỗ trợ cho từng nền tảng II 4 III IV Một ... • Được phát hành thông qua kho ứng dụng Bảng so sánh dạng ứng dụng Mobile PhoneGap ? Phonegap khung phát triển để giúp việc xây dựng ứng dụng mobile cách sử dụng công nghệ Web Cách thức PhoneGap. .. Các ứng dụng địa (Native Apps) • Được phát triển dành riêng cho tảng cụ thể • Được phát hành thông qua kho ứng dụng • Được xây dựng dưạ công nghệ môi trường phát triển dành riêng Các ứng dụng. .. trường ứng dụng di động So sánh loại ứng dụng Web apps, Native apps, Hybrid apps Nội Dung PhoneGap Là Gì ? Nền tảng kiến trúc Phonegap Giới thiệu chương trình ứng dụng Sự bùng nổ thị trường ứng dụng