Bài tập môn phát triển phần mềm

Phát triển 1 ứng dụng trên nhiều nền tảng di động mà không phải tái thực hiện nó với từng ngôn ngữ của nền tảng đó.. Phát triển 1 ứng dụng di động quan tâm đến việc trộn các thành phần ứ

Học phần : PTPM Mã Nguồn MởGiảng viên HD : Trần Đình Luyện Lớp : CNTT-K34

Nhóm : 7

Quy Nhơn, ngày 10 tháng 12 năm 2014

Báo cáo thực hiện

Bài tập ứng dụng đọc file mp4 với

Apache Cordova

Ứng dụng vẫn tuẩn thủ các ràng buộc API để truy cập vào các bộ cảm biến, dữ liệu, hệ thống file,…

Apache Cordova ra đời vào tháng 10 nằm 2012

3

Tổng quan về Apache Cordova

Sử dụng Apache Cordova khi nào?

Phát triển 1 ứng dụng trên nhiều nền tảng di động mà không phải tái thực hiện nó với từng ngôn ngữ của nền tảng đó

Khi muốn triển khai ứng dụng web để đóng gói và phân phối tại các cổng thông tin cửa hàng ứng dụng

Phát triển 1 ứng dụng di động quan tâm đến việc trộn các thành phần ứng dụng gốc với một WebView có thể truy cập vào các API cấp thiết bị

4

Tổng quan về Apache Cordova

Nền tảng hỗ trợ:

5

Tổng quan về Apache Cordova

Các bước tạo và thiết lập 1 project:

◦Bước 1: Tạo project bằng lệnh:

“cordova create hello com.example.hello HelloWorld ”

Thư mục chứa project ID của project Tên của Project

7

Tổng quan về Apache Cordova

Các bước tạo và thiết lập 1 project (TT):

◦Bước 2: Add platform (android):

Chuyển đến thư mục chứa project và dùng lệnh:

“cordova platform add android”

Lưu ý: Đã export biến môi trường cho android từ trước;

Để remove platform ta dung lệnh:

“cordova platform remove android ”

Hỗ trợ các nền tảng như phần trước.

8

Tổng quan về Apache Cordova

Các bước tạo và thiết lập 1 project (TT):

◦Bước 3: Add Plugin Features:

Plugin Features giúp ứng dụng được quyền sử dụng các API của thiết bị di động Các API như: Bộ cảm biến, quản lí file, camera, danh bạ,…

“cordova plugin add org.apache.cordova ABC”

Trong đó, ABC có thể là các API sau: statusbar, device, network-information, battery-status, geolocation, camera, contacts, file,…

9

Tổng quan về Apache Cordova

Build và chạy thử project:

Để build, dùng lệnh: “cordova build”

Để chạy thử, dùng lệnh: “cordova run android”

Lưu ý: Đã export biến môi trường cho android từ trước.

Khi chạy, nếu không có thiết bị di động đang được kết nối thì sẽ tự động chạy trên emulator (ADV).

10

hoặc thậm chí bằng cách xây dựng hệ thống của riêng bạn để tùy chỉnh lệnh Cordova.

11

Tổng quan về Apache Cordova

Thành phần trong 1 project (TT):

“Plugins” - Chứa các plugins

“www” - Chứa mã nguồn của application

“Config.xml” - Là file quy định trong đặc tả W3C Widget, cho phép các nhà phát triển để dễ dàng xác định siêu dữ liệu về các ứng dụng của họ.

12

Phát triển ứng dụng đọc file mp4

Yêu cầu của ứng dụng:

Ứng dụng cần API đọc file => Add Plugin Features File

“cordova plugin add org.apache.cordova file ”

14

Phát triển ứng dụng đọc file mp4

Mô tả bước thực hiện của ứng dụng:

Khi khởi động ứng dụng, nó sẽ tìm thư mục được chỉ định trước (DCIM/Camera): Nếu không tìm thấy thì cảnh báo; Nếu tìm thấy thì thực hiện duyệt toàn bộ file trong thư mục, nếu file là mp4 thì lấy tên, lấy dung lượng của file và đếm số file Thực hiện hiển thị thông tin của các file ra danh sách được xác định trước

15

Phát triển ứng dụng đọc file mp4

Các thành phần của ứng dụng:

 CSS: Dàn giao diện ứng dụng từ trang index.css có sẵn

Thêm class “ listID ” để JavaScript có thể thêm các dòng trong list html dựa vào ID (<ol></ol>).

Thuộc tính List-style-type: decimal-leading-zero ; để list được đánh số

16

Chảy thử ứng dụng đọc file mp4

20

Chảy thử ứng dụng đọc file mp4

Khi thư mục không có file nào Khi không tìm thấy thư mục

21

Thanks for listening

22