Upload
luong-ba-hop
View
353
Download
2
Embed Size (px)
Citation preview
Hệ Thống Phân Tán
Giảng viên hướng dẫn : Thầy Bùi Ngọc Dũng
Sinh viên : Lương Bá Hợp MSSV 1105068
Lớp : Hệ Thống Thông Tin K52
Phát triển ứng dụng từ điểncho SmartPhone
1
Mục Lục
Giới thiệu công nghệ
1. Framework mã nguồn mở PhoneGap
2. Thiết lập , cài đặt môi trường lập trình cho PhoneGap
Xây dựng ứng dụng
1. Giới thiệu về ứng dụng
2. Đặc tả chức năng của ứng dụng
3. Thiết kế CSDL cho ứng dụng
4 Thiết kế giao diện cho ứng dụng
Tài Liệu Tham Khảo
2
Phonegap là gì ?
• PhoneGap là một nền tảng mã nguồn mở dùng để
phát triển ứng dụng mobile cho cả iOS, Android,
Windows Phone, BlackBerry, webOS, Bada, Symbian
cùng lúc, viết một lần chạy trên nhiều nền tảng
smartphone khác nhau.
4
1 Framework mã nguồn mở PhoneGap
Phonegap là gì ?
• Nó là một Framework ứng dụng HTML5 được sử
dụng để phát triển các ứng dụng di động thông qua
công nghệ web.
• Điều này có nghĩa là các nhà phát triển có thể phát
triển ứng dụng Smartphone và Tablet dựa vào kiến
thức về HTML, CSS, JavaScript
5
1 Framework mã nguồn mở PhoneGap
Phonegap là gì ?
• Các ứng dụng được phát triển bởi PhoneGap là ứng
dụng thuộc dạng Hybrid. Những ứng dụng này không
thuần HTML/CSS cũng như không hoàn toàn là ứng
dụng
• PhoneGap cung cấp 1 cầu nối từ JavaScript đến
platform thiết bị. Điều này cho phép JavaScript API có
thể điều khiển và truy cập thiết bị.6
1 Framework mã nguồn mở PhoneGap
Phonegap là gì ?
• PhoneGap chủ yếu cung cấp JavaScript API để truy
cập thiết bị sử dụng các ứng dụng như camera, GPS,
thông tin thiết bị và nhiều cái khác
7
1 Framework mã nguồn mở PhoneGap
Lợi ích sử dụng PhoneGap
• Tận dụng lợi thế của HTML5 và CSS3
• Sử dụng JavaScript để code
• Truy cập vào các tính năng native của thiết bị
• Triển khai ứng dụng trên nhiều nền tảng.
• Phát triển nhanh
• Chi phí hiệu quả.
9
1 Framework mã nguồn mở PhoneGap
Yêu cầu cài đặt
• Bộ công cụ Android SDK tạihttp://developer.android.com/sdk/index.html
• Phonegap phiên bản 2.9.0 tạihttp://phonegap.com/install/
10
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Mở eclipse->chọn new -> android application project .
11
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Nhập vào project, SDK version cho project vàcác thông tin liên quan
12
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Nhập vào project, SDK version cho project vàcác thông tin liên quan
13
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Trong thư mục assets tạo thêm thư mục www (/assets/www)
• Copy cordova.js vào thư mục www (/assets/www/cordova.js)
• Copy cordova-2.9.0.jar vào thư mục /libs (/libs/ cordova2.9.0.jar)
• Copy thư mục xml vào thư mục /res (/res/xml)
14
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
15
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Trong cửa sổ Package Explorer, chọnsrc/com.example.smartmap/MainActivity.java
• Chỉnh sửa lại như sau : Sửa extend của class từ Activity thành DroidGap
• Thay thế setContentView() thànhsuper.loadUrl(“file:///android_asset/www/index.html”);
16
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
17
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
18
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Tạo Project sử dụng PhoneGap trong Eclipse
• Tạo project mẫu Hello World
19
2 Thiết lập , cài đặt môi trường làm việc chophonegap trên nền android .
Ứng dụng từ điển được đặt tên là Từ điển Ai Ti có chức năng chính là tra cứu từ điển Anh-Việt
Hỗ trợ thao tác chạm , cảm ứng thuận tiện sửdụng trên cả smartphone và tablet
Ứng dụng phát triển dựa trên PhoneGap 2.9.0 ngoài ra còn sử dụng PHP để viết services choứng dụng
Giao diện xây dựng trên jQuery Mobile .
21
1 Giới thiệu về ứng dụng
Mô tả ứng dụng
Ứng dụng từ điển chạy trên các thiết bị di động (điện thoại , máy tính bảng …)
Ứng dụng được xậy dựng bởi FrameWorkPhoneGap trong nền tảng Android : hiển thị, tra cứu dữ liệu .
Service viết bằng PHP , Mysql , dữ liệu trả vềdưới dạng json (Highlight Service)
22
1 Giới thiệu về ứng dụng
23
2 Đặc tả chức năng của ứng dụng
Tên chức năng Mô tả
Hiển thị từ vựng Hiển thị list từ vựng theo ID tăng dần
Tìm kiếm từ vựng Tìm kiếm , hiển thị ra dữ liệu luôn ra theo từ khoá