Phát triển ứng dụng từ điển cho SmartPhone

Trang 1

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

Phát triển ứng dụng từ điển

cho SmartPhone

Trang 2

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

Trang 3

Giới thiệu công nghệ

Trang 4

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

Trang 6

• 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ị.

Trang 7

• 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

Trang 8

Mô hình PhoneGap

Trang 9

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ả

Trang 10

Yêu cầu cài đặt

• Bộ công cụ Android SDK tại http://

developer.android.com/sdk/index.html

• Phonegap phiên bản 2.9.0 tại

http://phonegap.com/install/

2 Thiết lập , cài đặt môi trường làm việc cho

phonegap trên nền android

Trang 11

Tạo Project sử dụng PhoneGap trong Eclipse

• Mở eclipse->chọn new -> android application project

Trang 12

• Nhập vào project, SDK version cho project và các thông tin liên quan

Trang 13

• Nhập vào project, SDK version cho project và các thông tin liên quan

Trang 14

• 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)

Trang 15

Trang 16

• Trong cửa sổ Package Explorer, chọn

Trang 17

Trang 18

Trang 19

• Tạo project mẫu Hello World

Trang 20

Xây dựng ứng dụng

Trang 21

Ứ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

1 Giới thiệu về ứng dụng

Trang 22

 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 FrameWork

PhoneGap 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)

1 Giới thiệu về ứng dụng

Trang 23

2 Đặc tả chức năng của ứng dụng

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á

Trang 24

3 CSDL cho ứng dụng

Trang 25

Trang Back-End

4 Thiết kế giao diện cho ứng dụng

Trang 26

Trang Back-End

Trang 27

Demo trên điên thoại

Định dạng
Số trang	27
Dung lượng	1,92 MB