Đây là silde khóa luận trình bày tóm tắt về việc tìm hiểu ngôn ngữ lập trình độc lập trên mobile mà cụ thể là PhoneGap. Slide cũng trình bày tóm tắt về phần mềm mà tác giả đã đạt được trong quá trình nghiên cứu.=== Nguyễn Văn Điềm.

1. 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

2. Nội Dung Trình Bày
28/05/2014
2
Tổng quan về thị trường ứng dụng di động
HTML5 và các công nghệ liên quan?
So sánh các loại ứng dụng Web apps, Native apps,
Hybrid apps
Phonegap là gì?
Nền tảng kiến trúc của Phonegap
Giới thiệu chương trình ứng dụng

3. Tổng quan về thị trường ứng dụng di động
28/05/2014
3

4. Tương lai của thị trường máy tính truyền thống
28/05/2014
4

5. HTML5 và các công nghệ liên quan
28/05/2014
5

6. Các tiện ích khi sử dụng HTML5
28/05/2014
6

7. HTML5 đang và sẽ là công nghệ cốt lõi viết ứng dụng web
28/05/2014
7

8. 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ản
Phả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 W3C
Bị giới hạn khi truy cập tới các tính năng của thiết bị

9. 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

10. 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ệ Web
Có 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

11. Bảng so sánh các dạng ứng dụng Mobile
28/05/2014
11

12. 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 logic
CSS 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

13. 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

14. 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

15. Bảng các hàm Phonegap APIs được hỗ trợ cho từng nền
tảng
28/05/2014
15

16. Sức mạnh của Phonegap Build
28/05/2014
16

17. Chương trình ứng dụng Employee Directory
28/05/2014
17
Biểu đồ phân rã chức năng

18. 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ếm
Màn hình hiển thị
danh sách

19. 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

20. 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

21. Một số hình ảnh mô tả chức năng của ứng dụng
28/05/2014
21
Change PictureCall Cell

22. 28/05/2014
22
XIN CẢM ƠN THẦY CÔ VÀ
CÁC BẠN ĐÃ LẮNG NGHE!