TÌM HIỂU VỀ FRAMEWORK NGÔN NGỮ LẬP TRÌNH ĐỘC LẬP TRÊN

MOBILE

28/05/2014

1

BÁO CÁO KHÓA LUẬN TỐT NGHIỆP

Sinh viên thực hiện: Nguyễn Văn Điềm

Cán bộ hướng dẫn: TS. Nguyễn Trí Thành

Nội Dung Trình Bày

28/05/2014

2

Tổng quan về thị trường ứng dụng di độngHTML5 và các công nghệ liên quan?So sánh các loại ứng dụng Web apps, Native apps,

Hybrid appsPhonegap là gì?Nền tảng kiến trúc của PhonegapGiới thiệu chương trình ứng dụng

Tổng quan về thị trường ứng dụng di động

28/05/2014

3

Tương lai của thị trường máy tính truyền thống

28/05/2014

4

HTML5 và các công nghệ liên quan

28/05/2014

5

Các tiện ích khi sử dụng HTML5

28/05/2014

6

HTML5 đang và sẽ là công nghệ cốt lõi viết ứng dụng web

28/05/2014

7

Các ứng dụng Mobile Web

28/05/2014

8

Quá trình phát triển dễ dàng, nhanh chóng và đơn giảnPhải chạy trong trình duyệt browser của mobileĐược xây dựng dựa trên các công nghệ theo chuẩn W3CBị giới hạn khi truy cập tới các tính năng của thiết bị

Các ứng dụng bản địa (Native Apps)

28/05/2014

9

Được phát triển dành riêng cho từng nền tảng cụ thểĐược phát hành thông qua các kho ứng dụngĐược xây dựng dựa trên các công nghệ và các môi trường

dành riêng cho từng nền tảng

Các ứng dụng lai (Hybrid Apps)

28/05/2014

10

Được xây dựng dựa trên các công nghệ WebCó khả năng truy cập vào các tính năng của các thiết bịĐược phát hành thông qua kho ứng dụng

Bảng so sánh các dạng ứng dụng Mobile

28/05/2014

11

Phonegap là gì?

28/05/2014

12

Phonegap là 1 framework phát triển để giúp việc xây dựng các ứng dụng mobile bằng cách sử dụng các công nghệ Web

HTML dùng để biểu diễn giao diện (layout)Javascript dùng để truy cập tới các tính năng của thiết bị và thực thi xử lý tính toán logicCSS làm giao diện trở nên sinh động với các hiệu ứng, và làm tăng trải nghiệm và cảm nhận của người dùng

Cách thức Phonegap hoạt động

28/05/2014

13

• 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

Các hàm tình năng được cung cấp bởi Phonegap

28/05/2014

14

–  Media (audio play/record)

–  Media Capture: audio,video,

camera – (W3C)

–  Network (W3C)

–  Notification

–  Storage (HTML5 Web SQL & Web Storage)

–  Accelerometer

–  Compass

–  Camera

–  Contacts (W3C)

–  File (W3C)

–  File Transfer

–  Geolocation (HTML5)

Core APIs

Bảng các hàm Phonegap APIs được hỗ trợ cho từng nền tảng

28/05/2014

15

Sức mạnh của Phonegap Build

28/05/2014

16

Chương trình ứng dụng Employee Directory

28/05/2014

17

Biểu đồ phân rã chức năng

Một số hình ảnh mô tả chức năng của ứng dụng

28/05/2014

18

Màn hình tìm kiếmMàn hình hiển thị

danh sách

Một số hình ảnh mô tả chức năng của ứng dụng

28/05/2014

19

Màn hình hiển thị thông tin

Một số hình ảnh mô tả chức năng của ứng dụng

28/05/2014

20

View Direct Reports

View Manager

Một số hình ảnh mô tả chức năng của ứng dụng

28/05/2014

21

Change PictureCall Cell

28/05/2014

22

XIN CẢM ƠN THẦY CÔ VÀ CÁC BẠN ĐÃ LẮNG NGHE!